Фонд прайс-лист
Прайс-лист может быть использован для отображения их продукции:
примеров
<Ul класс = "ценообразование-таблица ">
<Li класс = "заголовок"> Основные </ li>
<Li класс = "цена"> $ 19.99 </ li>
<Li класс = "описание"> Отлично подходит для малого бизнеса </ li>
<Li класс = "пуля-пункт "> Поддержка 24/7 </ li>
<Li класс = "пуля-пункт "> 15GB хранения </ li>
<Li класс = "пуля-пункт "> 1 ГБ Пропускная способность </ li>
<Li класс = "СТА-кнопка "> <a класс = "button" HREF = "#"> Купить </ A> </ li>
</ UL>
<Li класс = "заголовок"> Основные </ li>
<Li класс = "цена"> $ 19.99 </ li>
<Li класс = "описание"> Отлично подходит для малого бизнеса </ li>
<Li класс = "пуля-пункт "> Поддержка 24/7 </ li>
<Li класс = "пуля-пункт "> 15GB хранения </ li>
<Li класс = "пуля-пункт "> 1 ГБ Пропускная способность </ li>
<Li класс = "СТА-кнопка "> <a класс = "button" HREF = "#"> Купить </ A> </ li>
</ UL>
Попробуйте »
Примеры аналитических
-
ul.pricing-table- определение прайс - листа -
li.title- определяет продукт заголовка (черный фон) -
li.price- определяется цена (крупный шрифт записей серый фон) -
li.description- определяет описание продукта (если это необходимо) -
li.bullet-item- определенные функции -
li.ca-button- текст кнопки (например, "Buy", "Регистрация", "Sign Up", и т.д.)
Примечание: таблица , заполненная с шириной контейнера 100%, все элементы имеют границы и по центру.
Прайс-лист Сетка
Следующий пример показывает цену трех корпоративных продуктов (три равное ширине деление):
примеров
<Div класс = "строка">
<класс = "Див среднего 4 колонки">
<Ul класс = "ценообразование-таблица ">
<Li класс = "заголовок"> Основные </ li>
...
</ UL>
</ Div>
<класс = "Див среднего 4 колонки">
<Ul класс = "ценообразование-таблица ">
<Li класс = "название"> Pro </ li>
...
</ UL>
</ Div>
<класс = "Див среднего 4 колонки">
<Ul класс = "ценообразование-таблица ">
<Li класс = "название"> Премиум </ li>
...
</ UL>
</ Div>
</ Div>
<класс = "Див среднего 4 колонки">
<Ul класс = "ценообразование-таблица ">
<Li класс = "заголовок"> Основные </ li>
...
</ UL>
</ Div>
<класс = "Див среднего 4 колонки">
<Ul класс = "ценообразование-таблица ">
<Li класс = "название"> Pro </ li>
...
</ UL>
</ Div>
<класс = "Див среднего 4 колонки">
<Ul класс = "ценообразование-таблица ">
<Li класс = "название"> Премиум </ li>
...
</ UL>
</ Div>
</ Div>
Попробуйте »