| Include Page |
|---|
...
| HTML |
|---|
<style>
#layer1 { z-index: 1; }
#layer2 { z-index: 1000; }
</style> |
| HTML |
|---|
<div id="layer1">
<div class="aui-tabs vertical-tabs" id="tabs-example">
<ul class="tabs-menu">
<li class="menu-item active-tab">
<a href="#tabs-first"><strong>Описание</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-second"><strong>Стоимость</strong></a>
</li>
</ul>
<div class="tabs-pane active-pane" id="tabs-first"> |
| Section | ||||||
|---|---|---|---|---|---|---|
|
| HTML |
|---|
</div>
<div class="tabs-pane" id="tabs-second">
|
| 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:16px;
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:16px;
font-family:Arial;
color:#ffffff;
}
</style>
<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>
$ 13,000 / год
</td>
<td>
$ 3,000 / год
</td>
</tr>
<tr>
<td >
2,000 Enterprise
</td>
<td>
$ 16,000
</td>
<td>
$ 20,000 / год
</td>
<td>
$ 6,000 / год
</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>
<br>
<div align="center">
<a class="aui-button" href="http://www.teamlead.ru/pages/viewpage.action?pageId=3375250">Попробовать</a><a class="aui-button aui-button-primary" href="http://www.teamlead.ru/pages/viewpage.action?pageId=15794201">Купить</a>
</div>
<br> |
| HTML |
|---|
</div>
</div></div><!-- // .aui-tabs --> |
| HTML |
|---|
<div id="layer2">
<div class="aui-tabs vertical-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>Pull Requests</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-example-fourth"><strong>Форкинг</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-example-fifth"><strong>Интеграция Stash и JIRA</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-example-sixth"><strong> Миграция на Git</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-example-seventh"><strong>Читабельность кода</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-example-eighth"><strong>Расширяй функционал</strong></a>
</li>
<li class="menu-item">
<a href="#tabs-example-nineth"><strong> Скриншоты</strong></a>
</li>
</ul>
<div class="tabs-pane active-pane" id="tabs-example-first"> |
...
| HTML |
|---|
</div>
<div class="tabs-pane" id="tabs-example-second">
|
...
| HTML |
|---|
</div>
<div class="tabs-pane" id="tabs-example-third">
|
...
| HTML |
|---|
</div>
<div class="tabs-pane" id="tabs-example-fourth"> |
...
| HTML |
|---|
</div>
<div class="tabs-pane" id="tabs-example-fifth"> |
...
|
| Include Page | ||||
|---|---|---|---|---|
|
| Include Page | ||||
|---|---|---|---|---|
|
| Include Page | ||||
|---|---|---|---|---|
|
...
| HTML |
|---|
</div>
<div class="tabs-pane" id="tabs-example-sixth"> |
...
| HTML |
|---|
</div>
<div class="tabs-pane" id="tabs-example-seventh"> |
...
| HTML |
|---|
</div>
<div class="tabs-pane" id="tabs-example-eighth"> |
...
| HTML |
|---|
</div>
<div class="tabs-pane" id="tabs-example-nineth"> |
...
| HTML |
|---|
</div>
</div></div><!-- // .aui-tabs --> |
...