Шаблон банка

[html]

<section class="hpslp-shop-wrapper">
<div class="hpslp-shop-title">обменник</div>
<div class="hpslp-shop">
<div class="hpslp-shop-tabs">

<input type="radio" id="hpslptab1" name="hpslp-shop-tabs" checked>
<label for="hpslptab1">расценки</label>

<input type="radio" id="hpslptab2" name="hpslp-shop-tabs">
<label for="hpslptab2">профиль</label>

<input type="radio" id="hpslptab3" name="hpslp-shop-tabs">
<label for="hpslptab3">подарки</label>

<div class="hpslp-shop-tab-content">

<div class="hpslp-shop-tab-panel" id="hpslpcontent1">
<div class="hpslp-shop-bag1">

<div class="hpslp-shop-pricelist">
<p>заработать</p>
<div>
<span>общее</span>
100 — начало игры (первый пост) 
70 — привести нового игрока 
70 — прийти по заявке из нужных 
60 — заявка в нужные 
40 — забрать игрока из «хочу к вам»

<span>игровое и активность</span>
20 — 100 сообщений на форуме (и далее) 
20 — 100 уважения в профиле (и далее) 
20 — 100 позитива в профиле (и далее) 
30 — 1 месяц пребывания на форуме (указываем месяц) 
50 — игровой пост в сюжетном разделе 
30 — игровой пост в личном разделе или альтернативе 
10 — ответный пост в течение суток 
90 — 5 постов в неделю

</div></div>

<div class="hpslp-shop-pricelist">
<p>потратить</p>
<div>

<span>общее</span>
200 — выкупить роль на месяц
200 — выкупить внешность на месяц 
2000 — бессрочно выкупить роль 
2000 — бессрочно выкупить внешность 
350 — реклама с нужным в течение 2х недель (с вашей листовкой)
650 — реклама с нужным в течение 2х недель (с листовкой на заказ) 
400 — смена внешности персонажа 
400 — смена персонажа с сохранением профиля 
700 — регистрация твинка (при условии выполненных требований) 
1000 — иммунитет от удаления аккаунта на 1 месяц 
400 — отсрочка хода в квесте

</div></div>

<div class="hpslp-shop-tab-panel" id="hpslpcontent2">
<div class="hpslp-shop-bag2">
<div class="hpslp-shop-profdecor">


<div class='hpslp-bank-left-summary'>
<div class='hpslp-bank-prices'>
<ul>
<li>можно купить фон в профиль и плашку для себя и в подарок;</li>
<li>размер картинки фон минимум 260х160;</li>
<li>стандартные плашки строго цветные, с градиентом и однотонные. для заказа указывайте два цвета в формате "#код_цвета и #код_цвета"</li>
<li>размер у верхнего текста до 30 символов, у нижнего до 46 символов</li>
</ul>
<div><p>плашки</p>
75 — изменить цвет плашки 
150 — из набора 
250 — индивидуальное
</div>
<div><p>оформление</p>
200 — из набора 
500 — индивидуальная
</div>
</div>

<div><p>плашки</p>
<div>
<div class="pl plaque" style="color:#f1e1e1; background:linear-gradient(91.48deg, #532a29 -0.22%, #c5c4c4 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #835149 -0.22%, #ab9691 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #505973 -0.22%, #d5d4d2 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #53475c -0.22%, #9c96a1 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #99745b -0.22%, #dbc6ad 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #47414c -0.22%, #dbcfbf 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #181817 -0.22%, #879189 101.84%); color: #dbd3c4;"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #9a9ab4 -0.22%, #9a9ab4 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #c38390 -0.22%, #ebc6ce 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #71928a -0.22%, #bebba8 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
<div class="pl plaque" style="background:linear-gradient(91.48deg, #d5bd72 -0.22%, #cdc7b9 101.84%)"><t1>Bring out the worst in me</t1> <t2>And now it's come to end, I think I'm giving in</t2></div>
</div>
</div>

<div><p>оформление</p>
<div class='hpshop-decor'>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/414485.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/70111.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/949013.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/661096.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/934476.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/213958.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/41378.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/669593.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/197384.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/92773.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
<img src='https://forumupload.ru/uploads/001c/39/a8/127/683219.png' title='bg'/>
<img src='https://i.imgur.com/zlmfQ51.png' title='bg'/>
</div>
</div>
</div> </div>

<div class='hpslp-bank-right-icons'>
<ul>
<li> можно купить фон в профиль и плашку для себя и в подарок;</li>
<li> размер картинки фон минимум 260х160;</li>
<li> стандартные плашки строго</li>
</ul>
<div> <p> иконки </p>
<div>
<img src="https://forumupload.ru/uploads/001c/39/a8/2/202613.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/476861.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/203571.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/630357.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/899296.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/760845.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/677306.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/642878.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/843507.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/523320.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/167425.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/698071.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/158787.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/875854.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/407900.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/253629.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/147171.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/522330.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/176686.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/473115.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/762746.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/842258.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/667263.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/673709.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/389063.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/446193.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/862346.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/48651.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/158936.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/186947.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/36955.png" alt="gift" />
<img src="https://forumupload.ru/uploads/001c/39/a8/2/870572.png" alt="gift" />
</div>
</div>
</div>

</div>
</div>
</div>

<div class="hpslp-shop-tab-panel" id="hpslpcontent3">
<div class="hpslp-shop-bag3">

<div class='hpslp-left-gifts'>
<div><p>цена</p>
20 галлеонов
</div>

<ul>
<li>Подарок можно отправить только тому, у кого установлена личная страница</li>
<li>Можно воспользоваться предложенными ниже вариантами, можно также приносить свои без увеличения стоимости</li>
<li>Обратите внимание, что подарки на странице уменьшаются, поэтому картинки лучше всего приносить в формате png и без текста</li>
</ul>
</div>

<div> <p>коллекция 1</p>
<div>
<img src='https://i.imgur.com/KC4FgeF.png' alt='gift' />
<img src='https://i.imgur.com/Zpj9thx.png' alt='gift' />
<img src='https://i.imgur.com/NNy6c92.png' alt='gift' />
<img src='https://i.imgur.com/KC4FgeF.png' alt='gift' />
<img src='https://i.imgur.com/Zpj9thx.png' alt='gift' />
<img src='https://i.imgur.com/NNy6c92.png' alt='gift' />
<img src='https://i.imgur.com/KC4FgeF.png' alt='gift' />
<img src='https://i.imgur.com/Zpj9thx.png' alt='gift' />
</div></div>

<div> <p>коллекция 2</p>
<div>
<img src='https://i.imgur.com/KC4FgeF.png' alt='gift' />
<img src='https://i.imgur.com/Zpj9thx.png' alt='gift' />
<img src='https://i.imgur.com/NNy6c92.png' alt='gift' />
<img src='https://i.imgur.com/KC4FgeF.png' alt='gift' />
<img src='https://i.imgur.com/Zpj9thx.png' alt='gift' />
<img src='https://i.imgur.com/NNy6c92.png' alt='gift' />
</div></div>

<div> <p>коллекция 3</p>
<div>
<img src='https://i.imgur.com/KC4FgeF.png' alt='gift' />
<img src='https://i.imgur.com/Zpj9thx.png' alt='gift' />
<img src='https://i.imgur.com/NNy6c92.png' alt='gift' />
<img src='https://i.imgur.com/KC4FgeF.png' alt='gift' />
<img src='https://i.imgur.com/Zpj9thx.png' alt='gift' />
<img src='https://i.imgur.com/NNy6c92.png' alt='gift' />
<img src='https://i.imgur.com/Zpj9thx.png' alt='gift' />
<img src='https://i.imgur.com/NNy6c92.png' alt='gift' />
<img src='https://i.imgur.com/KC4FgeF.png' alt='gift' />
</div></div>

</div>

</div>
</div>
</div>
</section>
[/html][hideprofile]