Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Well done! Change a few things up and try submitting again.
Heads up! Change a few things up and try submitting again.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Well done! Change a few things up and try submitting again.
Heads up! Change a few things up and try submitting again.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Well done! Change a few things up and try submitting again.
Heads up! Change a few things up and try submitting again.

Alert Blocks

Oh snap! You got an error!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Take this action Or do this

Well done!

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Different Styles

Info! Important Message!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Take this action Or do this

Please Search Again!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Take this action Or do this

Expedita distinctio lorem ipsum!

Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

Expedita distinctio lorem ipsum!

Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

Expedita distinctio lorem ipsum!

Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

Labels

Default Bootstrap Labels: You should use span tag, for example <span class="label label-*">

Default Primary Success Info Warning Danger

Default Ultimate Labels: You are able to use with many color options

Default Blue Reds Green Turquoise Orange Yellow
Purple Aqua Brown Blue Green Dark Light

Rounded Corner Labels: You should add an extra class .rounded or .rounded-2x into <span> tag to do circle badges.


Default Bootstrap examples:

Default Primary Success Info Warning Danger
Default Primary Success Info Warning Danger

Default Ultimate examples:

Default Blue Red Green Turquoise Orange Yellow
Purple Aqua Brown Blue Green Dark Light

Different Usages

At vero eos et sunt Similique atin culpa Voluptatum deleniti
At vero eos et sunt Similique atin culpa Voluptatum deleniti
# First Name Username Status
1 Mark @mdo Expiring
2 Jacob @fat Success
3 Larry @twitter Error!
4 htmlstream @htmlstream Pending

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

Badges

Default Badges: Easily highlight new or unread items by adding a <span class="badge badge-*"> to links, Bootstrap navs, and more.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Rounded Corner Badges: You should add an extra class .rounded into <span> tag to do cornerd badges.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Rounded Corner Badges: You should add an extra class .rounded-2x into <span> tag to do circle badges.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Different Usages

  • Old
  • Old
  • Old
  • Old
  • Old
  • Old
  • Old
  • New
  • New
  • New
  • New
  • New
  • New
  • New
  • Archive
  • Archive
  • Archive
  • Archive
  • Archive
  • Archive

Progress Bars

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Web Design - 88%

PHP/WordPress - 76%

HTML/CSS - 97%

Web Design 88%

PHP/WordPress 76%

HTML/CSS 97%


Web Design - 88%

PHP/WordPress - 76%

HTML/CSS - 97%

Web Design 88%

PHP/WordPress 76%

HTML/CSS 97%


Web Design - 88%

PHP/WordPress - 76%

HTML/CSS - 97%

Web Design 88%

PHP/WordPress 76%

HTML/CSS 97%


Web Design - 88%

PHP/WordPress - 76%

HTML/CSS - 97%

Web Design 88%

PHP/WordPress 76%

HTML/CSS 97%

Large Progress Bars

40% Complete
60% Complete
80% Complete

Default Progress Bars

65% Complete
80% Complete
95% Complete

Small Progress Bars

50% Complete
60% Complete
70% Complete

Extra Small Progress Bars

40% Complete
60% Complete
80% Complete

Smallest Progress Bars

40% Complete
70% Complete
90% Complete

Rounded Large Progress Bars

80% Complete
80% Complete
80% Complete

Rounded Default Progress Bars

65% Complete
65% Complete
65% Complete

Rounded Small Progress Bars

50% Complete
50% Complete
50% Complete

Rounded Extra Small Progress Bars

40% Complete
40% Complete
40% Complete

Mixed Progress Bars

30% Complete
30% Complete
30% Complete
30% Complete
30% Complete
15% Complete
25% Complete
20% Complete
30% Complete
40% Complete
60% Complete
80% Complete
95% Complete
40% Complete (success)
30% Complete (warning)
20% Complete (danger)
45% Complete
80% Complete (danger)
40% Complete (success)
40% Complete (success)
55% Complete (success)
70% Complete (success)
85% Complete (success)

Image Examples

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.

Vimeo & Youtube Videos

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.

Soundcloud Music

Explore the largest community of artists, bands, podcasters and creators of music & audio. You are able to integrate any soundcloud music to Ultimate theme. Hear the world’s sounds https://soundcloud.com

Panels

Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes. You are able to find our more detailed info here http://getbootstrap.com/components/#panel

Grey Panel

Accusamus et iusto odio

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Red Panel

Accusamus et iusto odio

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Blue Panel

Accusamus et iusto odio

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Turquoise Panel

Accusamus et iusto odio

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Green Panel

Accusamus et iusto odio

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Orange Panel

Accusamus et iusto odio

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Yellow Panel

At vero eos et accusamus et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Default Panel

Default Bootstrap Panel

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Dark Panel

At vero eos et accusamus et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Purple Panel

At vero eos et accusamus et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Aqua Panel

At vero eos et accusamus et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Brown Panel

At vero eos et accusamus et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Dark Blue Panel

At vero eos et accusamus et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Light Green Panel

At vero eos et accusamus et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Default Dark Panel

At vero eos et accusamus et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Default Light Panel

Default Bootstrap Panel

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Info Panel

Info Bootstrap Panel

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Success Panel

Success Bootstrap Panel

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Warning Panel

Warning Bootstrap Panel

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Danger Panel

Danger Bootstrap Panel

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Pegination Left

At nissimos ducimus voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident...

Pegination Right

At nissimos ducimus voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident...

Pegination Centered

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpaid est blanditiis ducimus qui blanditiis praesentium praesentium..

Pegination Sizing Fancy larger or smaller pagination?
Add .pagination-lg or .pagination-sm for additional sizes.

Pager Examples

At nissimos ducimus voluptatum praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident deleniti atque corrupti quos dolores et

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpaid est blanditiis ducimus qui blanditiis.

At nissimos ducimus voluptatum praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident deleniti atque corrupti quos dolores et


Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpaid est blanditiis ducimus qui blanditiis.

At nissimos ducimus voluptatum praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident deleniti atque corrupti quos dolores et

Dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpaid est blanditiis ducimus qui blanditiis.

Настройка внешнего вида

Предустановленные цвета


Ошибка передачи параметра.

Макет


Тип макета

Ошибка передачи параметра.

Ночной режим

Ошибка передачи параметра.

Шрифт

Ошибка передачи параметра.

Задний фон (только для боксед макета)


Ошибка передачи параметра.

Свой файл картинки заднего фона


*** Кнопка будет доступна после покупки.

Задний фон параллакс (только для боксед макета)


Ошибка передачи параметра.

Свой файл картинки параллакс


*** Кнопка будет доступна после покупки.

Верхнее Меню


Тип меню

Ошибка передачи параметра.

Внутреннее меню


Расположение меню

Ошибка передачи параметра.

Слайдер


Вид слайдер

Ошибка передачи параметра.

Блок под слайдером


Показывать блок

Ошибка передачи параметра.

Вид блока

Ошибка передачи параметра.

Преимущества компании


Блок «Преимущества компании» на главной

Ошибка передачи параметра.

Вид блока «Преимущества компании»

Ошибка передачи параметра.

Плитка


Плитка на главной

Ошибка передачи параметра.

Вид плитки

Ошибка передачи параметра.

Услуги компании


Блок «Услуги компании» на главной

Ошибка передачи параметра.

Вид блока «Услуги на главной»

Ошибка передачи параметра.

Наша команда


Блок «Наша команда» на главной

Ошибка передачи параметра.

Вид блока «Наша команда»

Ошибка передачи параметра.

Наши проекты


Блок «Наши проекты» на главной

Ошибка передачи параметра.

Вид блока «Наши проекты»

Ошибка передачи параметра.

Каталог товаров


Каталог товаров на главной

Ошибка передачи параметра.

Вид блока «Каталог товаров»

Ошибка передачи параметра.

Популярные товары


«Популярные товары» на главной

Ошибка передачи параметра.

Автопрокрутка популярных товаров

Ошибка передачи параметра.

Бесплатная консультация на главной


Показывать «Бесплатная консультация» на главной

Ошибка передачи параметра.

Вид блока «Бесплатная консультация»

Ошибка передачи параметра.

О компании


Блок «О компании» на главной

Ошибка передачи параметра.

Показывать в блоке «О компании»

Ошибка передачи параметра.

Портфолио


Блок «Портфолио» на главной

Ошибка передачи параметра.

Вид блока «Портфолио»

Ошибка передачи параметра.

Отзывы


Отзывы на главной

Ошибка передачи параметра.

Вид блока «Отзывы»

Ошибка передачи параметра.

Круглые картинки в отзывах

Ошибка передачи параметра.

Автопрокрутка отзывов

Ошибка передачи параметра.

Логотипы


Блок «Логотипы» на главной

Ошибка передачи параметра.

Вид блока «Логотипы»

Ошибка передачи параметра.

Автопрокрутка логотипов

Ошибка передачи параметра.

Подписка на новости внизу на главной


Показывать «Подписка на новости» на главной

Ошибка передачи параметра.

Новости на внутренних страницах


Внешний вид

Ошибка передачи параметра.

Баннер на внутренних страницах


Автопрокрутка баннера

Ошибка передачи параметра.

Облако тегов в статьях


Внешний вид

Ошибка передачи параметра.

Подвал сайта


Вид подвала

Ошибка передачи параметра.

Показывать Новости вместо виджета «ВК»

Ошибка передачи параметра.

Цвет подвала

Ошибка передачи параметра.