[html]
<!--- ХТМЛ: кнопки вкладок, не забываем убирать звездочку --->
   <script type="text/javascript">
                                    $(document).ready(function(){

    $("#banner_1").click(function(){
    $("#vkladka1").slideToggle();
    $("#vkladka2").hide();
    $("#vkladka3").hide();
});

    $("#banner_2").click(function(){
    $("#vkladka1").hide();
    $("#vkladka2").slideToggle();
    $("#vkladka3").hide();
});
   
     $("#banner_3").click(function(){
     $("#vkladka1").hide();
     $("#vkladka2").hide();
     $("#vkladka3").slideToggle();
});

                                    });
        </script>

<style type="text/css">
.oformlenie_knopki {
        display:inline-block;
        cursor: pointer;
        width: 80px;
        padding: 6px; /* отступ текста от края */
        background-color: #4f4e4e; /* цвет фона */
        text-align: center; /* центровка текста */
        font-family: Georgia;  /* шрифт */
        font-size: 12px; /* размер текста*/
        color: #d5d5d5; /* цвет текста */
    } 
    </style>
<div style="position: relative; margin: 20px 20px 20px 10px;  padding: 20px; border: 1px solid #c3d6dd; width: 600px; background-color: #e6e6e6;">
<center>
<div style="background: #bfbfbf !important; text-shadow: none; color: #404040 !important; padding: 3px 6px; font-size: 14px; font-family: arial; text-transform: uppercase; letter-spacing: .5px; vertical-align: middle; margin-left: 7px; width: 400px !important;">
Добро пожаловать в мою мастерскую!
</div>
</center>
<div style="margin: 15px 100px 0 20px; display: block; min-height: 30px; width: 500px;">
<b>Важно знать:</b><br>
- работаю только на платной основе (сбербанк, киви);<br>
- только после одобрения работы, опkачиваете ее;<br>
- приоритет выполнения работ: Ультра > Все включено > Первый;<br>
Не работаю с аниме, животными. <br>
Стоп внешности: Nathaniel Buzolic, Chris Wood, в процессе может меняться.<br><br>
<b>P.S.</b> Есть возможность заказать графику не указанную в списке (данная возможность обсуждается лично). <br><br>
</div>
<center>
<br>
<div class="oformlenie_knopki" id="banner_1">Первый</div>
<div class="oformlenie_knopki" id="banner_2">Все включено</div>
<div class="oformlenie_knopki" id="banner_3">Ультра</div>
</center>

<div id="vkladka1" style="display:none; background: #bfbfbf !important; padding: 10px; margin-top: 10px; "><br>
Заказывая работы по этому тарифу, вы получаете графику в эксклюзивное пользование на полгода (с момента оплаты), в дальнейшем графика попадает в свободный доступ на данном ресурсе. Сроки выполнения до 14 дней. <br>
<center>
Аватар - 70 руб.<br>
Аватар парный - 90 руб.<br>
Аватар манипный - 110 руб.<br>
Гиф в подпись 1шт - 20 руб.<br>
</center>
</div>
<div id="vkladka2" style="display:none; background: #bfbfbf !important; padding: 10px; margin-top: 10px;"><br>
Заказывая работы по этому тарифу, вы получаете графику в эксклюзивное пользование . Сроки выполнения до 10 дней.<br>
<center>
Аватар - 90 руб.<br>
Аватар парный - 110 руб.<br>
Аватар манипный - 130 руб.<br>
Гиф в подпись 1шт - 25 руб.<br>
</center>
</div>

<div id="vkladka3" style="display:none; background: #bfbfbf !important; padding: 10px; margin-top: 10px;"><br>
Заказывая работы по этому тарифу, вы получаете графику в эксклюзивное пользование . Ваш заказ выполняется вне очереди, если нет других заказов по данному тарифу. Сроки выполнения от 1 до 5 дней.<br>
<center>
Аватар - 110 руб.<br>
Аватар парный - 130 руб.<br>
Аватар манипный - 150 руб.<br>
Гиф в подпись 1шт - 25 руб.<br>
</center>
</div>
<div style="display: block; margin: 20px 0 0 20px;">
<table>
<tr>
<td>
<img src="https://64.media.tumblr.com/d94c17d3c28f9923b177929be107ea19/90c872fe8a396a60-bc/s250x400/dcbf87ff81946bf20aa4b7df757da124768f5fd3.pnj">
</td>
<td>
<img src="https://64.media.tumblr.com/aa2c7d5ef99ec73d419f8231c3e7bcc5/a9cba5e1c9a3291d-c0/s250x400/fff1e1c8523daa4fb7b87656d711085c7e727f0d.pnj">
</td>
<td>
<img src="https://64.media.tumblr.com/fa1cfb286c1b0b68a19c6617ceffe6c9/66c5b08aa6b04f43-0c/s250x400/15133da7bc9583b23b4a00c31f3cc41fb2110e5c.png">
</td>
</tr>
<tr>
<td>
<img src="https://64.media.tumblr.com/d146fc8a0b60c511467df82ef34a06c0/a9cba5e1c9a3291d-15/s250x400/9e5eb5b4ee30c7efcbc7dd61560977bb8f257176.pnj">
</td>
<td>
<img src="https://64.media.tumblr.com/af7afedb4b98aaa2e08d5f9b1c95ad85/d7134445c5419347-d9/s250x400/4aca28a30513f5260fd6878ad914be64e480456d.png">
</td>
<td>
<img src="https://64.media.tumblr.com/e564101b65c196c0adeee97bd6449069/e8fd9698d94c7ea7-fe/s250x400/8c29e9c608b2f3c632fcc60cc6216f92e483f5d2.png">
</td>
</tr>
</table>
</div>

<div style="text-align: right;">
<a href="https://imagiart.ru/viewtopic.php?id=16781&p=4#p1254330"> → больше работ</a>
</div>

</div>
[/html]