Buy Intense Now
Buy Intense Now

Intense Template Documentation

Компоненты

Intense содержит огромное количество предварительно заготовленных и готовых к использованию элементов. Пример добавления каждого элемента Вы можете посмотреть на соответствующих демо-страницах в разделе Components, если откроете исходный код страницы.

Кнопки

В Intense кнопки определяются с помощью 3 составных классов:
  • .btn
    базовый класс кнопки;
  • .btn-xs, .btn-sm, .btn-md, .btn-lg, .btn-xl
    классы макета кнопки, отвечающие за ее размер;
  • .btn-default, .btn-primary, .btn-secondary-*
    классы стилизации кнопки, отвечающие за ее цвет и фон.

Рассмотрим пример:


        <a href="#" class="btn btn-lg btn-primary">Read More</a>
    

В данном примере создается кнопка большого размера со стилизацией по первичному цвету шаблона.

Иконки

Intense содержит более 2500 готовых к использованию шрифтовых иконок. Список всех иконок представлены на странице Components > Toolkit Components > Icons. Для вставки соответствующей иконки на целевую страницу воспользуйтесь следующей разметкой:

        <span class="your-icon-class"></span>
    

Список классов для вставки целевых иконок также доступен на странице Components > Toolkit Components > Icons.

В Intense стилзация иконок определяется аналогично кнопкам:

  • .icon
    базовый класс иконки;
  • .icon-xs, .icon-sm, .icon-md, .icon-lg, .icon-xl
    классы макета иконки, отвечающие за ее размер;
  • .icon-default, .icon-primary, …
    классы стилизации иконки, отвечающие за ее цвет и фон;
  • fa-*, glyph-*, mdi-* и т.д.
    классы, которые отвечают за вставку кода (символа) иконки.

Рассмотрим пример:


         <span href="#" class="icon icon-md icon-default"></span>
    

В данном примере создается иконка среднего размера со стилизацией по основному цвету шаблона.