Интересная таблица под любые нужды Применен очень интересный эффект при наведении на тарифный план, созданный с помощью CSS3 transition. Цвета, шрифт можно настроить в CSS, поэтому приспособить такую таблицу на сайт не составит труда.
по месту расположения ставим этот код
Code
<div class="price_table"> <div class="column_1"> <ul> <li class="header_row_1 align_center"> <div class="pack-title">СТАРТ</div> </li> <li class="header_row_2 align_center"> <div class="price"><span>$29</span></div> <div class="time">в год</div> </li> <li class="row_style_1 align_center"><span>FTP доступ</span></li> <li class="row_style_1 align_center"><span>Техподдержка</span></li> <li class="row_style_1 align_center"><span>Безлимитный трафик</span></li> <li class="row_style_1 align_center no-option"><span>Резервное копирование</span></li> <li class="row_style_1 align_center no-option"><span>Бесплатный домен</span></li> <li class="row_style_footer_1"><a href="#" class="buy_now">Купить</a></li> </ul> </div><!--end column--> <div class="column_1"> <ul> <li class="header_row_1 align_center"> <div class="pack-title">БИЗНЕС</div> </li> <li class="header_row_2 align_center"> <div class="price"><span>$69</span></div> <div class="time">в год</div> </li> <li class="row_style_2 align_center"><span>FTP доступ</span></li> <li class="row_style_2 align_center"><span>Техподдержка</span></li> <li class="row_style_2 align_center"><span>Безлимитный трафик</span></li> <li class="row_style_2 align_center"><span>Резервное копирование</span></li> <li class="row_style_2 align_center no-option"><span>Бесплатный домен</span></li> <li class="row_style_footer_2"><a href="#" class="buy_now">Купить</a></li> </ul> </div><!--end column--> <div class="column_1"> <ul> <li class="header_row_1 align_center"> <div class="pack-title">ПРЕМИУМ</div> </li> <li class="header_row_2 align_center"> <div class="price"><span>$179</span></div> <div class="time">в год</div> </li> <li class="row_style_1 align_center"><span>FTP доступ</span></li> <li class="row_style_1 align_center"><span>Техподдержка</span></li> <li class="row_style_1 align_center"><span>Безлимитный трафик</span></li> <li class="row_style_1 align_center"><span>Резервное копирование</span></li> <li class="row_style_1 align_center"><span>Бесплатный домен</span></li> <li class="row_style_footer_1"><a href="#" class="buy_now">Купить</a></li> </ul> </div><!--end column--> </div><!--end price table-->
Теперь скачиваем архив и раскидываем все по соответствующим папкам
Категория:
Слайдер для uCoz
Просмотров:
3912
