Lorem ipsum dolor sit amet, consectetur adipiscing elit 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit 5

реальная жизнь - вечное лето - тампа Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis... читать далее
flips: 000
flops: 000

test

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » test » golden compass » магазин


магазин

Сообщений 1 страница 2 из 2

1

[html]<div id="oform-box">
<div class="zagl-box"><zagl>

магазин

</zagl></div><div class="txt-box">

солнце, океан и… немного ритейл-терапии. в этом месте вы найдёте всё, что сделает вашу жизнь ярче, а профиль — стильнее. не бойтесь обнулиться: удовольствие от шопинга бесценно.<br><br>
p.s. если вам нужна покупка только на личную страницу, пожалуйста, указывайте об этом<br><br>
p.p.s. для создания индивидуальной плашки, воспользуйтесь полями в разделе "Кастомизация профиля" и прожмите "добавить плашку в корзину".<br><br>
А чтобы забрать свой уникальный фон для профиля или иконку, воспользуйтесь соответствующими полями также в разделе "Кастомизация профиля" и добавьте в корзину (кнопка справа)<br><br>
Цена каждого из этих удовольствий — всего 500 долларов

</div></div>[/html]

Код:
<!--HTML-->

<style>
	.shop-title {
    font-weight: bold;
    color: #fff;
    background-color: var(--cl4);
    font-size: 13px !important;
    text-align: center;
    width: fit-content;
    border-radius: 11px;
    text-transform: lowercase;
    padding: 4px 9px 5px !important;
    place-self: end;
    margin-right: 40px !important;
    margin-bottom: 15px !important;
	}

	.bank_list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    justify-content: center;
	}

	.shop-bg .bank_list {
    gap: 20px 10px;
	}

	.shop-bg .bg-item {
    width: 210px;
    height: 114px;
	}

	.shop-bg .bg-item img {
   object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: top;
	}

	.bank_plah .bank_list {
    gap: 20px;
	}

	.bank_icons .bank_list li {
    width: 21px;
    height: 21px;
    cursor: pointer;
	}

	.bank_icons .bank_list li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
	}

	.bank_plah li {
    width: 210px;
    height: 30px;
    border-radius: 0px 0px 20px 20px;
	}

	.bank_header {
    font-weight: bold;
    color: #fff;
    background-color: var(--cl44);
    font-size: 11px;
    text-align: center;
    width: fit-content;
    border-radius: 11px;
    text-transform: lowercase;
    padding: 4px 9px 5px;
    position: absolute;
    top: -11px;
    left: 30px;
	}

	.shop_container {
    border-radius: 10px;
    background: var(--cl);
    position: relative;
    padding: 25px 10px 10px;
	}

	.shop_wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
	}

	.shop_icons_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 100%;
	}
</style>

<div class="html_shop-wrapper">
	<p class="shop-title">магазин</p>

	<div style="display: flex; flex-direction: row; gap: 15px; width: 96%; align-items: start">
    <div
    	style="position: relative; display: block !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2)"
    	class="post-author online topic-starter"
    >
    	<ul>
        <li class="pa-fld4"><img id="shop-icon" src="/" /></li>
        <li class="pa-fld5" id="shop-bg"><img src="https://upforme.ru/uploads/001c/88/5b/6/839252.png" /></li>
        <li class="pa-author"><a disabled href="/" id="shop-username">admin</a></li>
        <li id="shop-status" class="pa-title"></li>
        <li class="pa-avatar item2">
        	<img id="shop-avatar" src="/" alt="admin" class="allow_change" style="cursor: pointer" />
        </li>
        <li class="pa-fld1" id="shop-lz"></li>
        <li class="pa-posts">
        	<span class="fld-name"><a href="/" disabled>Сообщений</a>:</span> ∞
        </li>
        <li class="pa-respect">
        	<span class="fld-name"><a href="/" disabled>Репутация</a>:</span> <span>∞</span>
        </li>
        <li class="pa-fld2"><span class="fld-name">Валюта:</span> ∞</li>
        <li class="pa-fld6" id="shop-plah"></li>
    	</ul>
    </div>

    <!-- Панель кастомизации профиля -->
    <div style="width: 69%; margin-top: 5px; padding: 15px; border-radius: 10px; background: var(--cl)">
    	<h4 style="margin: 0 0 15px 0; text-align: center; font-size: 16px; color: #333">Кастомизация профиля</h4>

    	<!-- Настройки плашки -->

    	<div style="margin-bottom: 8px">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
        	>Фон плашки (ссылка на картинку):</label
        >
        <input
        	id="plashka-bg-image"
        	type="text"
        	placeholder="https://example.com/image.png"
        	style="width: 97%; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px"
        />
    	</div>

    	<div style="margin-bottom: 8px">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
        	>Цвет плашки (один цвет или несколько через запятую для градиента):</label
        >
        <input
        	id="plashka-bg-color"
        	type="text"
        	placeholder="#ff6b6b или #ff6b6b, #4ecdc4, #45b7d1"
        	style="width: 97%; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px"
        />
    	</div>

    	<div style="margin-bottom: 0">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
        	>Текст плашки (максимум 2 строки, разделяйте переносом строки):</label
        >
        <textarea
        	id="plashka-text"
        	rows="2"
        	placeholder="первая строка
вторая строка"
        	style="
            width: 97%;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 3px;
            font-size: 12px;
            resize: vertical;
        	"
        ></textarea>
    	</div>

    	<div style="margin-bottom: 0">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
        	>Ссылка на фон профиля:</label
        >
        <input
        	id="profile-bg-image"
        	type="text"
        	placeholder="https://example.com/background.png"
        	style="width: 97%; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px"
        />
    	</div>

    	<!-- Настройки иконки -->
    	<div style="margin-bottom: 0">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
        	>Ссылка на иконку:</label
        >
        <input
        	id="icon-image"
        	type="text"
        	placeholder="https://example.com/icon.png"
        	style="width: 97%; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px"
        />
    	</div>

    	<div style="text-align: center">
        <button
        	id="apply-profile-settings"
        	style="
            padding: 8px 20px;
            font-size: 14px;
            background: var(--cl4);
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-top: 10px;
        	"
        >
        	Применить к профилю
        </button>

        <button
        	id="reset-all"
        	style="
            padding: 8px 20px;
            font-size: 14px;
            background: var(--cl44);
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        	"
        >
        	Сбросить всё
        </button>
    	</div>
    </div>
	</div>

	<div class="shop_wrapper">
    <div class="shop_icons_wrapper">
    	<div class="shop_container bank_icons shop-icon-200">
        <h5 class="bank_header">иконки 200 долларов</h5>
        <div class="shop_inner">
        	<ul class="bank_list">
            <li>
            	<img
                src="https://i.ibb.co/dsMNNc79/aesthetic-0d3cf-by-Tg-Emodzi-Bot-Ag-ADa-YMAAlwf6-Es.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/v4Vt3jxw/aesthetic-0d3cf-by-Tg-Emodzi-Bot-Ag-ADn-XAAAh-Qf8-Es.png"
            	/>
            </li>
            <li><img src="https://i.ibb.co/TBWVVggN/artnature-Ag-ADMnc-AAk-Mak-Es.png" /></li>
            <li><img src="https://i.ibb.co/8L2vg8jT/artnature-Ag-ADv4-UAAip-GYEs.png" /></li>
            <li><img src="https://i.ibb.co/d0YMMtkj/dolliloli-Emoji-Blue-Ag-AD3-Cw-AAi-R9w-Ek.png" /></li>
            <li><img src="https://i.ibb.co/cKmNSwGR/dolliloli-Emoji-Blue-Ag-AD4y-UAAo-XR6-Eo.png" /></li>
            <li><img src="https://i.ibb.co/hFT2zTzM/dolliloli-Emoji-Blue-Ag-AD7z-AAAgrow-Ek.png" /></li>
            <li><img src="https://i.ibb.co/fVRv15zp/dolliloli-Emoji-Blue-Ag-ADl1-UAAn6-T0-Uo.png" /></li>
            <li><img src="https://i.ibb.co/847bGSnL/dolliloli-Emoji-Blue-Ag-ADo-Sg-AAs-SY6-Eo.png" /></li>
            <li><img src="https://i.ibb.co/TBrcjFRC/dolliloli-Emoji-Blue-Ag-ADOSUAAkrg-SEo.png" /></li>
            <li><img src="https://i.ibb.co/4Z2qVx5R/dolliloli-Emoji-Blue-Ag-ADY1-UAAu510-Uo.png" /></li>
            <li><img src="https://i.ibb.co/5XVbDcZq/dolliloli-Emoji-Blue-Ag-ADYCQAAi4u-SUo.png" /></li>
            <li><img src="https://i.ibb.co/8nmyKJQD/dolliloli-Emoji-Blue-Ag-ADz-CQAAgp1-SUo.png" /></li>
            <li>
            	<img
                src="https://i.ibb.co/wZk5SM7j/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-AD1k8-AAj9-C0-Eo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/n8BZKv6P/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-AD3l-IAAvx-S0-Eo.png"
            	/>
            </li>
       
           <li>
            	<img
                src="https://i.ibb.co/YFg8dN8R/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-AD6-UQAAg-Sx2-Uo.png"
            	/>
            </li>
          
            <li>
            	<img
                src="https://i.ibb.co/BVcyK7BZ/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADC0-AAAlng-QUs.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/LXjzYtw6/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADCl-QAAhkd0-Eo.png"
            	/>
            </li>
        
            
            <li>
            	<img
                src="https://i.ibb.co/XhxY8rJ/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-AD-Eo-AAp6-O0-Uo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/jPDtHSq9/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADFFAAAlme0-Eo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/XrLNdJYz/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADGFEAAv-Mg0-Eo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/DP5KT20d/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADGk4-AApew0-Uo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/Q7ZCnkYY/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADHU4-AAq-Ej0-Uo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/NdDN6r8P/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADKU4-AAkv-V0-Uo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/BV3PpYMF/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADLEw-AAn-KK0-Eo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/yFWpCZsF/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADN1-UAAr-O0-Eo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/SD0NXLQs/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADVE8-AAjp-T0-Uo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/zhK1qHdR/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADVl-AAAp1-I0-Eo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/RkrJL29h/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADXUYAAgw-0-Eo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/CK3qpg6B/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADZ0c-AAva-L0-Eo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/8WTJ68X/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADZ1-IAAsb-L0-Eo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/m5f4Hx8r/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADZFAAAtt-B0-Uo.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/qL4Dhy5q/morskoj-vajbik-by-Tg-Emodzi-Bot-Ag-ADz-Uw-AAokq0-Uo.png"
            	/>
            </li>
            <li><img src="https://i.ibb.co/tPwG7BYW/Ou-TEmo-Ji1-Ag-ADb-WQAAm8-Xm-Ek.png" /></li>
            <li><img src="https://i.ibb.co/ds8T6kHM/Ou-TEmo-Ji1-Ag-ADCXg-AAr-GTk-Uk.png" /></li>
            <li><img src="https://i.ibb.co/zTn1yQQC/Ou-TEmo-Ji1-Ag-AD-W0-AAv-MVk-Uk.png" /></li>
            <li><img src="https://i.ibb.co/spQHsMv8/Ou-TEmo-Ji1-Ag-ADy-GUAAhdjm-Ek.png" /></li>
            <li>
            	<img
                src="https://i.ibb.co/ZpTSZNyg/Secondary-Harlequin-Possum-by-f-Stik-Bot-Ag-AD-RYAAk6g-FE.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/SX6Nw7h1/Secondary-Harlequin-Possum-by-f-Stik-Bot-Ag-ADUhc-AAup48-VE.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/ZRyBxxJq/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-AD0-W8-AAn-ULKUg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/XrcfNQV5/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-AD7-HUAAp29-KEg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/dwfZ5F6B/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADa-Xs-AAv-Gu-IUg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/PGMJKSDM/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADb-Hg-AAr-Ch-KEg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/6RdmXvJN/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADEX0-AAr9-KIEg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/wNXWP1bd/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADe-XEAAob-VKEg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/KjZVLYGv/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADHXIAAnmj-IUg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/Fqsz7rg9/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADK3-YAAqhy-KUg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/hJz7cdZq/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADm-Hk-AAp3-KKUg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/Q7Q9P2FK/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADv-XQAAizt-KUg.png"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/zhGB6V9q/Tory-Stick-b37-by-Tg-Emodzi-Bot-Ag-ADx3-QAAm-UTKUg.png"
            	/>
            </li>
<li><img src="https://upforme.ru/uploads/001c/87/72/2/665095.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/337466.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/234012.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/476582.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/634197.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/137844.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/536984.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/147520.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/902618.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/898072.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/591214.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/302518.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/642744.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/360749.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/838094.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/741569.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/827669.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/185707.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/625175.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/503710.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/252161.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/469081.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/921984.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/995081.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/601275.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/784291.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/285782.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/309576.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/28001.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/74710.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/597060.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/844160.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/391845.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/362146.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/81825.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/189681.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/260942.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/922238.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/933679.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/180740.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/886618.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/838053.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/772333.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/16861.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/507392.png"/></li> 
 <li><img src="https://upforme.ru/uploads/001c/87/72/2/192861.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/554519.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/916230.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/858724.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/275655.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/334438.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/861834.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/22273.png"/></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/632709.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/607681.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/707861.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/23863.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/182396.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/231042.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/892868.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/80153.png"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/942952.png"/></li> 
     	</ul>
        </div>
    	</div>
    	<div class="shop_container bank_icons shop-icon-250">
        <h5 class="bank_header">иконки 250 долларов</h5>
        <div class="shop_inner">
        	<ul class="bank_list">
            <li><img src="https://i.ibb.co/mVNzmVfY/bluerandom1-Ag-ADg-SQAAs3-Jo-Uo.gif" /></li>
            <li><img src="https://i.ibb.co/CpyP20nM/bluerandom1-Ag-ADmy-AAAi-H6q-Eo.gif" /></li>
            <li><img src="https://i.ibb.co/bMqJPfHB/bluerandom1-Ag-ADYy-EAAmu-Fq-Eo.gif" /></li>
            <li><img src="https://i.ibb.co/qLtvzXhr/Bunchof-Emojis-Ag-AD7-A4-AAq-Sxc-FA.gif" /></li>
            <li><img src="https://i.ibb.co/4wkCQh4s/Bunchof-Emojis-Ag-AD9-REAAtqrs-VI.gif" /></li>
            <li><img src="https://i.ibb.co/prvTD0yQ/Bunchof-Emojis-Ag-ADAx-MAAm-Wie-FA.gif" /></li>
            <li><img src="https://i.ibb.co/NgN2Gybh/Bunchof-Emojis-Ag-ADdw4-AAj6-Hs-VI.gif" /></li>
            <li><img src="https://i.ibb.co/hxW5fN1s/Bunchof-Emojis-Ag-ADjw8-AAkk-Ge-VA.gif" /></li>
            <li><img src="https://i.ibb.co/dw7MfwxL/Bunchof-Emojis-Ag-ADRh-IAAosu-VA.gif" /></li>
            <li><img src="https://i.ibb.co/PsmrPt4K/Butterfly-Emoji-Pack-Ag-AD0-Sw-AAivfg-Us.gif" /></li>
            <li><img src="https://i.ibb.co/cS6CXpht/Butterfly-Emoji-Pack-Ag-ADSCo-AAh1-Ig-Us.gif" /></li>
            <li><img src="https://i.ibb.co/gM6jXzdg/Cats-Big-Pack-Ag-ADjy8-AAsgcq-Ug.gif" /></li>
            <li><img src="https://i.ibb.co/PK6Rh16/emojipack1-by-emjpbot-Ag-AD2-RYAAu-E5u-FM.gif" /></li>
            <li><img src="https://i.ibb.co/zhFwSJfr/emojipack1-by-emjpbot-Ag-AD4-BQAAt-C-u-FM.gif" /></li>
            <li><img src="https://i.ibb.co/zTKDKqP5/emojipack1-by-emjpbot-Ag-AD4h-MAAu-V6s-VM.gif" /></li>
            <li><img src="https://i.ibb.co/bMRVF6f8/emojipack1-by-emjpbot-Ag-AD6-RMAApt-Ku-VM.gif" /></li>
            <li><img src="https://i.ibb.co/xqZv9PPk/emojipack1-by-emjpbot-Ag-ADCxc-AAn-ju-VM.gif" /></li>
            <li><img src="https://i.ibb.co/607TpG9S/emojipack1-by-emjpbot-Ag-ADmh-UAAu-CYs-FM.gif" /></li>
            <li><img src="https://i.ibb.co/mfZpb29/emojipack1-by-emjpbot-Ag-ADw-BAAAng-Ju-FM.gif" /></li>
            <li><img src="https://i.ibb.co/XfFTdfgY/emojipack1-by-emjpbot-Ag-ADYBUAAoigs-FM.gif" /></li>
            <li><img src="https://i.ibb.co/vCKmwXnL/emojipack1-by-emjpbot-Ag-ADyh-YAAvziu-VM.gif" /></li>
            <li><img src="https://i.ibb.co/0jPGQ0Qc/emojipremiumstatus-Ag-ADc-SEAAku-W6-Ek.gif" /></li>
            <li><img src="https://i.ibb.co/Szwj0sn/emojipremiumstatus-Ag-ADd-Bw-AAo-PJ6-Ek.gif" /></li>
            <li><img src="https://i.ibb.co/XZq1S7s6/emojipremiumstatus-Ag-ADnxw-AAr-LSMEk.gif" /></li>
            <li><img src="https://i.ibb.co/nHQJxQt/endlesslypainful-Ag-ADdx-AAAo-U-g-Fc.gif" /></li>
            <li><img src="https://i.ibb.co/Z1whBnZ6/endlesslypainful-Ag-ADo-D4-AAtd8-OVU.gif" /></li>
            <li><img src="https://i.ibb.co/hSMbW5b/endlesslypainful-Ag-ADYgs-AAqkb-IVQ.gif" /></li>
            <li><img src="https://i.ibb.co/tTYY5WFP/Gummy-Bear-Emoji-Ag-ADSCc-AAhe-Cc-Uo.gif" /></li>
            <li><img src="https://i.ibb.co/CssLcS9G/Love-Day-Emoji-Ag-AD8m-UAAq-OVOUk.gif" /></li>
            <li><img src="https://i.ibb.co/nNLMM9FY/Love-Day-Emoji-Ag-AD8-XAAAj-Kq-SUk.gif" /></li>
            <li><img src="https://i.ibb.co/k63McgPX/Love-Day-Emoji-Ag-ADX3-AAAjd-Ta-Uk.gif" /></li>
            <li><img src="https://i.ibb.co/Q0SDbL8/Mini-Duck-Emoji-Ag-ADLyc-AAn-UOAUk.gif" /></li>
            <li><img src="https://i.ibb.co/VW1SPTCq/Neon-Frog-Ag-AD2-A8-AAm-DIKVM.gif" /></li>
            <li>
            	<img src="https://i.ibb.co/RkD6mdHD/pinkglamour-by-Tg-Emoji-Bot-Ag-ADNGo-AAh-FMKUo.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/p6bktR0G/pinkglamour-by-Tg-Emoji-Bot-Ag-ADV14-AAuj-RMEo.gif" />
            </li>
            <li><img src="https://i.ibb.co/JW7Qpgq1/Pixelki-Emoji-Ag-ADNyk-AAuo4q-Ug.gif" /></li>
            <li>
            	<img
                src="https://i.ibb.co/wNxx7jfy/Premium-Gifts-by-Moi-Stiki-Bot-Ag-AD-Vw-AAp-PEy-Es.gif"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/KjYbdrry/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADFF4-AArgzy-Us.gif"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/fVM1Y0Ct/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADi18-AAi9m0-Eo.gif"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/XrdShCmC/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADp-F4-AAm-H3y-Uk.gif"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/Q3KWdJ3W/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADUFw-AAn-Sp-KUg.gif"
            	/>
            </li>
            <li>
            	<img
                src="https://i.ibb.co/4RXjNpGz/Premium-Gifts-by-Moi-Stiki-Bot-Ag-ADw-GYAAt-Pv0-Us.gif"
            	/>
            </li>
            <li><img src="https://i.ibb.co/Qz6dDxq/Purplehearts-by-rrzbot-Ag-ADyx-QAAh-U0e-FE.gif" /></li>
            <li><img src="https://i.ibb.co/qYbSz39z/Restricted-Emoji-Ag-ADh-Bw-AAo-I26-Us.gif" /></li>
            <li>
            	<img src="https://i.ibb.co/FqD6mNNM/set-4460-by-makestick3-bot-Ag-ADCYs-AAtm-Dq-Eg.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/B5vYK7x2/set-4460-by-makestick3-bot-Ag-ADH4c-AAt-XSq-Eg.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/Wq1kW3h/set-4460-by-makestick3-bot-Ag-AD-Hk-AAldfq-Ug.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/9mZ1bKbd/set-4460-by-makestick3-bot-Ag-ADIYUAAti4q-Ug.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/HLx8CsfV/set-4460-by-makestick3-bot-Ag-ADKn-QAAq-F6q-Eg.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/MyNKHxyb/set-4460-by-makestick3-bot-Ag-ADP3w-AAivuq-Eg.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/ynnncFYQ/set-4460-by-makestick3-bot-Ag-ADRo-MAAnt-Bq-Eg.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/B2x1KS1b/set-4460-by-makestick3-bot-Ag-ADW3g-AAq-C3q-Eg.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/QvgSg8Ks/set-4460-by-makestick3-bot-Ag-ADZ3-UAAlrms-Eg.gif" />
            </li>
            <li>
            	<img src="https://i.ibb.co/d41rHGMk/set-4460-by-makestick3-bot-Ag-ADZo-EAAm-HDq-Ug.gif" />
            </li>
            <li><img src="https://i.ibb.co/7JZ4cp8X/Sunny-rina-Ag-AD908-AAjn-Zy-Ug.gif" /></li>
            <li><img src="https://i.ibb.co/fGCdV16p/Sunny-rina-Ag-ADDVMAAt69y-Eg.gif" /></li>
            <li><img src="https://i.ibb.co/j9qvkXsq/Sunny-rina-Ag-ADPlc-AAk4ja-Ek.gif" /></li>
            <li><img src="https://i.ibb.co/XrGR3F5Y/wi-pixeled-Ag-ADTl-IAAn-CJCEo.gif" /></li>
            <li><img src="https://i.ibb.co/Nd4qxLyN/wi-pixeled-Ag-ADul0-AAg978-Ug.gif" /></li>
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/882249.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/41434.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/375376.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/506344.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/831938.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/722174.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/645003.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/332703.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/690185.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/924602.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/520062.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/37011.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/609654.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/722493.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/514319.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/242711.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/885214.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/767358.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/607632.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/443718.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/684880.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/682262.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/429047.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/970429.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/166328.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/843973.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/886157.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/643726.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/290144.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/420267.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/129496.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/739888.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/770483.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/338589.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/953505.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/892727.gif" /></li> 
  <li><img src="https://upforme.ru/uploads/001c/87/72/2/33174.gif" /></li> 
    <li><img src="https://upforme.ru/uploads/001c/87/72/2/741906.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/816343.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/993211.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/344570.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/271742.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/535387.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/34464.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/69765.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/751980.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/896618.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/551216.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/78354.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/386346.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/565284.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/208289.gif"/></li> 
<li><img src="https://upforme.ru/uploads/001c/87/72/2/798650.gif"/></li>     	
</ul>
        </div>
    	</div>
    </div>

    <div class="shop_container bank_plah shop-plah-200">
    	<h5 class="bank_header">плашки 200 долларов</h5>
    	<div class="shop_inner">
        <ul class="bank_list">
 <li class="plassh" style="background: #3c757f"><text>Со мной две крыски,</text><text2>мы взлетаем, нажимай на слив</text2></li>
<li class="plassh" style="background: #bf9e9c"><text>Моя лента связана с твоею</text><text2>Перевязаны душа и тело</text2></li>
<li class="plassh" style="background: #96c0c8"><text>В пустых домах погасли огни</text><text2>Как люди, что мечтали о любви</text2></li>
<li class="plassh" style="background: #783845"><text>Сгораю на губах твоих</text><text2>бордовым цветом</text2></li>
<li class="plassh" style="background: #4c5d8a"><text>Там, где умирает ненависть,</text><text2>рождается любовь</text2></li>
<li class="plassh" style="background: #2f5532"><text>И заметая следы, убивая себя</text><text2>Убьёшь и меня с собой опять</text2></li>
<li class="plassh" style="background: #564569"><text>Разбиться вниз, я касаюсь дна</text><text2>Всё по кругу, я схожу с ума</text2></li>
<li class="plassh" style="background: #b69a7c"><text>Предрассветное прощанье</text><text2>Расскажи мне, где ты не был</text2></li>
<li class="plassh" style="background: #cda6ab"><text>Твои глаза на мне бликами</text><text2>Хочу узнать твои цифры мобильного</text2></li>
<li class="plassh" style="background: #75706c"><text>На тебя давно так похуй,</text><text2>Я хаваю всю сотку</text2></li>
 <li class="plassh" style="background: #db8a24"><text>Он снова посмотрел на другую</text><text2>Я ревную, я ревную, я психую</text2></li>
<li class="plassh" style="background: #635583"><text>Это не дождь, это твои слезы</text><text2>ливнями лили, затопили нас с головой</text2></li>
   <li class="plassh" style="background: #91a6b9"><text>Whole life spreadin' lies,</text><text2>but you can't hide, baby, nice try</text2></li>
<li class="plassh" style="background: #8d6684"><text>Break you into pieces in a world</text><text2>of pain 'cause you're all the same</text2></li>
<li class="plassh" style="background: #a72525"><text>I wanna watch you like a movie</text><text2>I wanna put you on the stage</text2></li>
<li class="plassh" style="background: #a1afb3"><text>Baby, you're a star</text><text2>Fuck me all night</text2></li>
<li class="plassh" style="background: #a1b2a5"><text>No one does it better than me</text><text2>Go ahead and try to</text2></li>
<li class="plassh" style="background: #c39376"><text>Why do we deny</text><text2>What we feel inside?</text2></li>
<li class="plassh" style="background: #fd8ac4"><text>Love is on the otherside</text><text2>Let's hold each other down</text2></li>
<li class="plassh" style="background: #5b1379"><text>You're a lucky star</text><text2>Shining in a bankrupt sky</text2></li>
<li class="plassh" style="background: #bd9919"><text>And I know what I have found</text><text2>It is the key to my awakening</text2></li>
<li class="plassh" style="background: #333455"><text>Hold on to me now</text><text2>til we're six feet in the ground</text2></li>
<li class="plassh" style="background: #333455"><text>Find who you'd die for,</text><text2>that's who you live for</text2></li>
<li class="plassh" style="background: #5b4733"><text>Honestly, I'm waiting for you</text><text2>to say you're ready</text2></li>  
  </ul>
    	</div>
    </div>
    <div class="shop_container bank_plah shop-plah-300">
    	<h5 class="bank_header">плашки 300 долларов</h5>
    	<div class="shop_inner">
        <ul class="bank_list">
        	<li class="plassh" style="background: linear-gradient(120deg, #94bfd5 0%, #3e687f 100%)">
            <text>Твои слёзы — наше море,</text><text2>не люблю, когда мы тонем</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #9fadb9 0%, rgb(159 177 163) 100%)">
            <text>Мы ведь точно не люди,</text><text2>может только в глубине души</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #bbb0a3 0%, #a4a4a4 100%)">
            <text>И не надо быть хорошей,</text><text2>это ведь не про тебя</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #9bc4cb 0%, #009ba4 100%">
            <text>Подойди к телу,</text><text2>обведи мелом и забудь</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #dbb9bd 0%, #dc7a95 100%)">
            <text>Вот тебе некуда деться</text><text2>Иди сюда, сука, никого не слушай</text2>
        	</li>
	<li class="plassh" style="background: linear-gradient(120deg, #377880 0%, #2b2f32 100%)">
            <text>Тебя любить,</text><text2>это похоже на безумство</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #c3c3c3 0%, #010101 100%)">
            <text>Сдамся тебе для насилий</text><text2>Для всего, что захочешь</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #7a6791 0%, #06040a 100%)">
            <text>Я сожгу все твои письма</text><text2>Им нет места в моем мире</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #d18c56 0%, #606c99 100%)">
            <text>Место нахождения – клуб,</text><text2>кальян вместо моих губ</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #954351 0%, #aaa7a9 100%)">
            <text>Seducing me with temptation</text><text2>Feeling free, your motivation</text2>
        	</li>
	<li class="plassh" style="background: linear-gradient(120deg, #8d9684 0%, #2f352c 100%)">
            <text>Free me from desire</text><text2>Keep it off from demons</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #af6626 0%, #645445 100%)">
            <text>Cover up my mouth,</text><text2>don't need to breathe</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #326273 0%, #222222 100%)">
            <text>He points gun at whoever</text><text2>Dares to take me from him</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #e9b3a6 0%, #9f87a1 100%)">
            <text>We were laying in the dark</text><text2>You and me under the stars</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #8db59f 0%, #835287 100%)">
            <text>You said the worst things</text><text2>to get inside my head</text2>
        	</li>
	<li class="plassh" style="background: linear-gradient(120deg, #e4d8ce 0%, #698fa2 100%)">
            <text>Karma's a bitch,</text><text2>I should've known better</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #c1a58d 0%, #6a452f 100%)">
            <text>You make hell our paradise</text><text2>Loving you is suicide</text2>
        	</li>
<li class="plassh" style="background: linear-gradient(120deg, #d2afbf 0%, #103620 100%)">
            <text>What if I told ya I'm a monster?</text><text2>Don't come closer</text2>
        	</li>

</ul>
    	</div>
    </div>
    <!-- BG section -->

    <div class="shop_container shop-bg">
    	<h5 class="bank_header">фоны 350 долларов</h5>
    	<div class="shop_inner">
        <ul class="bank_list">
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/321680.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/678038.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/721317.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/705407.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/424262.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/89609.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/389307.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/277576.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/45280.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/212077.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/338307.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/585389.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/561374.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/186591.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/524543.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/752798.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/123780.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/215569.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/99293.png" />
        	</li>
        	<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/412942.png" />
        	</li>
               <li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/178046.png" />
               </li>
              <li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/85/fe/2/56218.png" />
               </li>
              <li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/85/fe/2/647427.png" />
               </li>
               <li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/87/72/2/958321.png" />
               </li>
<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/8b/a8/7/604356.png" />
               </li>
    </li>
<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/8b/a8/7/965393.png" />
               </li>
 </li>
<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/8b/a8/7/486159.png" />
               </li>
 </li>
<li class="bg-item">
            <img src="https://upforme.ru/uploads/001c/8b/a8/7/86895.png" />
               </li>
 </ul>
    	</div>
    </div>
	</div>

	<!-- Кнопка "Открыть корзину" -->
	<div style="text-align: center; margin: 20px 0">
    <button
    	id="open-cart-btn"
    	onclick="openCart()"
    	style="
        background: var(--cl4);
        color: white;
        border: none;
        padding: 12px 24px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
    	"
    >
    	Открыть корзину
    </button>
	</div>
</div>

<div
	id="cart-container"
	style="
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--cl);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    z-index: 99999;
    max-width: 400px;
    min-width: 300px;
	"
>
	<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px">
    <h3 style="color: var(--text1); margin: 0; font-size: 18px">Корзина</h3>
    <button
    	onclick="closeCart()"
    	style="
        background: none;
        border: none;
        color: var(--text1);
        font-size: 20px;
        cursor: pointer;
        padding: 0;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    	"
    >
    	Х
    </button>
	</div>
	<div id="cart-items" style="max-height: 300px; overflow-y: auto; margin-bottom: 15px">
    <!-- Товары будут добавляться сюда -->
	</div>
	<div style="border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 15px">
    <div style="display: flex; justify-content: space-between; margin-bottom: 15px">
    	<span style="color: var(--text1); font-weight: bold">Общая сумма:</span>
    	<span id="total-price" style="color: var(--cl44); font-weight: bold">0</span>
    </div>
    <button
    	onclick="completeOrder()"
    	style="
        width: 100%;
        background: var(--cl4);
        color: white;
        border: none;
        padding: 12px;
        border-radius: 8px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
    	"
    >
    	Завершить покупку
    </button>
	</div>
</div>

<!-- Иконка корзины (показывается когда корзина не пустая) -->
<div
	id="cart-icon"
	style="
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: var(--cl4);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 999;
    transition: all 0.3s ease;
	"
	onclick="openCart()"
>
	<svg width="24" height="24" fill="white" viewBox="0 0 24 24">
    <path
    	d="M7 4V2C7 1.45 7.45 1 8 1H16C16.55 1 17 1.45 17 2V4H20C20.55 4 21 4.45 21 5S20.55 6 20 6H19V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V6H4C3.45 6 3 5.55 3 5S3.45 4 4 4H7ZM9 3V4H15V3H9ZM7 6V19H17V6H7Z"
    />
	</svg>
	<div
    id="cart-count"
    style="
    	position: absolute;
    	top: -5px;
    	right: -5px;
    	background: #ff4444;
    	color: white;
    	border-radius: 50%;
    	width: 20px;
    	height: 20px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	font-size: 12px;
    	font-weight: bold;
    "
	>
    0
	</div>
</div>

<script src="https://forumstatic.ru/files/001c/87/72/53466.js?v=9" type="text/javascript"></script>

[hideprofile]

0

2

https://upforme.ru/uploads/001c/87/72/2/560929.png
https://upforme.ru/uploads/001c/87/72/2/609192.gif

linear-gradient (to right, rgb(192 204 178), rgb(101 133 110))
И на каком гудке соврёшь себе,
что не сорвёшься?

0


Вы здесь » test » golden compass » магазин


Рейтинг форумов | Создать форум бесплатно