HTML |
---|
<style> .table tbody tr:hover { background-color: whitesmoke; } </style> |
HTML |
---|
<div class="table">
<div class="aui-tabs horizontal-tabs" id="tabs-jira-crm-cost">
<ul class="tabs-menu">
<li class="menu-item active-tab">
<a href="#tabs-jira-crm-new"><strong>Новая лицензия</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-jira-crm-renew"><strong>Ежегодное обновление</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-jira-crm-upgrade"><strong>Увеличение лицензии</strong></a>
</li>
</ul> |
HTML |
<div class="tabs-pane active-pane" id="tabs-jira-crm-new"> <table class="aui"> <thead> <tr> <td><b>Пользователей</b></th> <td><b>Ваш сервер (1-й год)</b></th> <td><b>Наш хостинг</b></th> </tr> </thead> <tbody> <tr> <td>10</td> <td>$ 10</td> <td>$ 10</td> </tr> <tr> <td>25</td> <td>$ 600</td> <td>$ 600</td> </tr> <tr> <td>50</td> <td>$ 1,100</td> <td>$ 1,100</td> </tr> <tr> <td>100</td> <td>$ 2,000</td> <td>$ 2,000</td> </tr> <tr> <td>100+</td> <td>$ 4,000</td> <td>$ 4,000</td> </tr> </tbody> </table> </div> |
HTML |
---|
<div class="tabs-pane" id="tabs-jira-crm-renew">
<table class="aui">
<thead>
<tr>
<td><b>Пользователей</b></td>
<td><b>Обновление (1 год)</b></td>
</tr>
</thead>
<tr>
<td>10</td>
<td>$ 10</td>
</tr>
<tr>
<td>25</td>
<td>$ 330</td>
</tr>
<tr>
<td>50</td>
<td>$ 605</td>
</tr>
<tr>
<td>100</td>
<td>$ 1,100</td>
</tr>
<tr>
<td>100+</td>
<td>$ 2,200</td>
</tr>
</table>
</div> |
HTML |
---|
<div class="tabs-pane" id="tabs-jira-crm-upgrade">
<table class="aui">
<thead>
<tr>
<td><b></b></td>
<td><b>на 50</b></td>
<td><b>на 100</b></td>
<td><b>на 100+</b></td>
</tr>
</thead>
<tr>
<td>с 25</td>
<td>$ 800</td>
<td>$ 1,700</td>
<td>$ 3,700</td>
</tr>
<tr>
<td>с 50</td>
<td></td>
<td>$ 1,450</td>
<td>$ 3,450</td>
</tr>
<tr>
<td>со 100</td>
<td></td>
<td></td>
<td>$ 3,000</td>
</tr>
</table>
</div>
</div>
</div> |