| HTML |
|---|
<style>
.CSSTableGenerator {
margin:0px;padding:0px;
width:100%;
border:0px solid #000000;
}.CSSTableGenerator table{
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#e8eff7; }
.CSSTableGenerator tr:nth-child(even) { background-color:#ffffff; }.CSSTableGenerator td{
vertical-align:middle;
border:0px solid #000000;
border-width:0px 0px 0px 0px;
text-align:center;
padding:6px;
font-size:14px;
font-family:Arial;
color:#205081;
}.CSSTableGenerator tr:last-child td{
border-width:0px 0px 0px 0px;
}.CSSTableGenerator tr td:last-child{
border-width:0px 0px 0px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
background:-o-linear-gradient(bottom, #205081 5%, #205081 100%);
background-color:#205081;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 0px 0px;
font-size:14px;
font-family:Arial;
color:#ffffff;
}
</style> |
| HTML |
|---|
<div class="aui-tabs horizontal-tabs" id="tabs-example">
<ul class="tabs-menu">
<li class="menu-item active-tab">
<a href="#tabs-example-first"><strong>Новая лицензия</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-example-second"><strong>Увеличение лицензии</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-example-third"><strong>Ежегодное обновление</strong></a>
</li>
</ul>
<div class="tabs-pane active-pane" id="tabs-example-first">
<div class="CSSTableGenerator" >
<table >
<tr>
<td>
Пользователей
</td>
<td >
Лицензия на ваш сервер
</td>
<td>
Лицензия + наш хостинг
</td>
<td>
Хостинг с вашей лицензией
</td>
</tr>
<tr>
<td >
10
</td>
<td>
$ 10
</td>
<td>
$ 180 / год
</td>
<td>
$ 180 / год
</td>
</tr>
<tr>
<td >
25
</td>
<td>
$ 1,200
</td>
<td>
$ 1,400 / год
</td>
<td>
$ 500 / год
</td>
</tr>
<tr>
<td >
50
</td>
<td>
$ 2,200
</td>
<td>
$ 2,800 / год
</td>
<td>
$ 1,000 / год
</td>
</tr>
<tr>
<td >
100
</td>
<td>
$ 4,000
</td>
<td>
$ 5,000 / год
</td>
<td>
$ 2,000 / год
</td>
</tr>
<tr>
<td >
500
</td>
<td>
$ 8,000
</td>
<td>
$ 9,000 / год
</td>
<td>
$ 3,000 / год
</td>
</tr>
<tr>
<td >
500 Enterprise
</td>
<td>
$ 12,000
</td>
<td>
звонить
</td>
<td>
звонить
</td>
</tr>
<tr>
<td >
2,000 Enterprise
</td>
<td>
$ 16,000
</td>
<td>
звонить
</td>
<td>
звонить
</td>
</tr>
<tr>
<td >
10,000 Enterprise
</td>
<td>
$ 20,000
</td>
<td>
звонить
</td>
<td>
звонить
</td>
</tr>
<tr>
<td >
10,000+ Enterprise
</td>
<td>
$ 24,000
</td>
<td>
звонить
</td>
<td>
звонить
</td>
</tr>
</table>
</div>
</div>
<div class="tabs-pane" id="tabs-example-second">
<div class="CSSTableGenerator" >
<table >
<tr>
<td>
</td>
<td >
на 50
</td>
<td>
на 100
</td>
<td>
на 500
</td>
<td>
на 500 Ent
</td>
<td>
на 2,000 Ent
</td>
<td>
на 10,000 Ent
</td>
<td>
на 10,000+ Ent
</td>
</tr>
<tr>
<td >
с 25
</td>
<td>
$ 1,600
</td>
<td>
$ 3,400
</td>
<td>
$ 7,400
</td>
<td>
$ 11,400
</td>
<td>
$ 15,400
</td>
<td>
$ 19,400
</td>
<td>
$ 23,400
</td>
</tr>
<tr>
<td >
с 50
</td>
<td>
</td>
<td>
$ 2,900
</td>
<td>
$ 6,900
</td>
<td>
$ 10,900
</td>
<td>
$ 14,900
</td>
<td>
$ 18,900
</td>
<td>
$ 22,900
</td>
</tr>
<tr>
<td >
со 100
</td>
<td>
</td>
<td>
</td>
<td>
$ 6,000
</td>
<td>
$ 10,000
</td>
<td>
$ 14,000
</td>
<td>
$ 18,000
</td>
<td>
$ 22,000
</td>
</tr>
<tr>
<td >
с 500
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
$ 8,000
</td>
<td>
$ 12,000
</td>
<td>
$ 16,000
</td>
<td>
$ 20,000
</td>
</tr>
<tr>
<td >
с 500 Ent
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
$ 10,000
</td>
<td>
$ 14,000
</td>
<td>
$ 18,000
</td>
</tr>
<tr>
<td >
с 2,000 Ent
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
$ 12,000
</td>
<td>
$ 16,000
</td>
</tr>
<tr>
<td >
c 10,000 Ent
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
$ 14,000
</td>
</tr>
</table>
</div>
</div>
<div class="tabs-pane" id="tabs-example-third">
<div class="CSSTableGenerator" >
<table >
<tr>
<td>
Пользователей
</td>
<td >
Лицензия покупалась в Teamlead
</td>
<td >
Лицензия покупалась в другой компании
</td>
</tr>
<tr>
<td >
10
</td>
<td>
$ 10
</td>
<td>
$ 10
</td>
</tr>
<tr>
<td >
25
</td>
<td>
$ 660
</td>
<td>
$ 720
</td>
</tr>
<tr>
<td >
50
</td>
<td>
$ 1,210
</td>
<td>
$ 1,320
</td>
</tr>
<tr>
<td >
100
</td>
<td>
$ 2,200
</td>
<td>
$ 2,400
</td>
</tr>
<tr>
<td >
500
</td>
<td>
$ 4,400
</td>
<td>
$ 4,800
</td>
</tr>
<tr>
<td >
500 Enterprise
</td>
<td>
$ 6,600
</td>
<td>
$ 7,200
</td>
</tr>
<tr>
<td >
2,000 Enterprise
</td>
<td>
$ 8,800
</td>
<td>
$ 9,600
</td>
</tr>
<tr>
<td >
10,000 Enterprise
</td>
<td>
$ 11,000
</td>
<td>
$ 12,000
</td>
</tr>
<tr>
<td >
10,000+ Enterprise
</td>
<td>
$ 13,200
</td>
<td>
$ 14,400
</td>
</tr>
</table>
</div>
</div>
</div> |
...