• Home
  • Кластер
  • Widgetkit

Widgetkit

User Interface

Widgetkit comes with a beautiful, clearly arranged user interface which is easy to use and fully integrated into Joomla.

  • Icon Fonts

    Web Application Icons

    • icon-adjust
    • icon-anchor
    • icon-archive
    • icon-area-chart
    • icon-arrows
    • icon-arrows-h
    • icon-arrows-v
    • icon-asterisk
    • icon-at
    • icon-automobile (alias)
    • icon-ban
    • icon-bank (alias)
    • icon-bar-chart
    • icon-bar-chart-o (alias)
    • icon-barcode
    • icon-bars
    • icon-beer
    • icon-bell
    • icon-bell-o
    • icon-bell-slash
    • icon-bell-slash-o
    • icon-bicycle
    • icon-binoculars
    • icon-birthday-cake
    • icon-bolt
    • icon-bomb
    • icon-book
    • icon-bookmark
    • icon-bookmark-o
    • icon-briefcase
    • icon-bug
    • icon-building
    • icon-building-o
    • icon-bullhorn
    • icon-bullseye
    • icon-bus
    • icon-cab (alias)
    • icon-calculator
    • icon-calendar
    • icon-calendar-o
    • icon-camera
    • icon-camera-retro
    • icon-car
    • icon-caret-square-o-down
    • icon-caret-square-o-left
    • icon-caret-square-o-right
    • icon-caret-square-o-up
    • icon-cc
    • icon-certificate
    • icon-check
    • icon-check-circle
    • icon-check-circle-o
    • icon-check-square
    • icon-check-square-o
    • icon-child
    • icon-circle
    • icon-circle-o
    • icon-circle-o-notch
    • icon-circle-thin
    • icon-clock-o
    • icon-close (alias)
    • icon-cloud
    • icon-cloud-download
    • icon-cloud-upload
    • icon-code
    • icon-code-fork
    • icon-coffee
    • icon-cog
    • icon-cogs
    • icon-comment
    • icon-comment-o
    • icon-comments
    • icon-comments-o
    • icon-compass
    • icon-copyright
    • icon-credit-card
    • icon-crop
    • icon-crosshairs
    • icon-cube
    • icon-cubes
    • icon-cutlery
    • icon-dashboard (alias)
    • icon-database
    • icon-desktop
    • icon-dot-circle-o
    • icon-download
    • icon-edit (alias)
    • icon-ellipsis-h
    • icon-ellipsis-v
    • icon-envelope
    • icon-envelope-o
    • icon-envelope-square
    • icon-eraser
    • icon-exchange
    • icon-exclamation
    • icon-exclamation-circle
    • icon-exclamation-triangle
    • icon-external-link
    • icon-external-link-square
    • icon-eye
    • icon-eye-slash
    • icon-eyedropper
    • icon-fax
    • icon-female
    • icon-fighter-jet
    • icon-file-archive-o
    • icon-file-audio-o
    • icon-file-code-o
    • icon-file-excel-o
    • icon-file-image-o
    • icon-file-movie-o (alias)
    • icon-file-pdf-o
    • icon-file-photo-o (alias)
    • icon-file-picture-o (alias)
    • icon-file-powerpoint-o
    • icon-file-sound-o (alias)
    • icon-file-video-o
    • icon-file-word-o
    • icon-file-zip-o (alias)
    • icon-film
    • icon-filter
    • icon-fire
    • icon-fire-extinguisher
    • icon-flag
    • icon-flag-checkered
    • icon-flag-o
    • icon-flash (alias)
    • icon-flask
    • icon-folder
    • icon-folder-o
    • icon-folder-open
    • icon-folder-open-o
    • icon-frown-o
    • icon-futbol-o
    • icon-gamepad
    • icon-gavel
    • icon-gear (alias)
    • icon-gears (alias)
    • icon-gift
    • icon-glass
    • icon-globe
    • icon-graduation-cap
    • icon-group (alias)
    • icon-hdd-o
    • icon-headphones
    • icon-heart
    • icon-heart-o
    • icon-history
    • icon-home
    • icon-image (alias)
    • icon-inbox
    • icon-info
    • icon-info-circle
    • icon-institution (alias)
    • icon-key
    • icon-keyboard-o
    • icon-language
    • icon-laptop
    • icon-leaf
    • icon-legal (alias)
    • icon-lemon-o
    • icon-level-down
    • icon-level-up
    • icon-life-bouy (alias)
    • icon-life-buoy (alias)
    • icon-life-ring
    • icon-life-saver (alias)
    • icon-lightbulb-o
    • icon-line-chart
    • icon-location-arrow
    • icon-lock
    • icon-magic
    • icon-magnet
    • icon-mail-forward (alias)
    • icon-mail-reply (alias)
    • icon-mail-reply-all (alias)
    • icon-male
    • icon-map-marker
    • icon-meh-o
    • icon-microphone
    • icon-microphone-slash
    • icon-minus
    • icon-minus-circle
    • icon-minus-square
    • icon-minus-square-o
    • icon-mobile
    • icon-mobile-phone (alias)
    • icon-money
    • icon-moon-o
    • icon-mortar-board (alias)
    • icon-music
    • icon-navicon (alias)
    • icon-newspaper-o
    • icon-paint-brush
    • icon-paper-plane
    • icon-paper-plane-o
    • icon-paw
    • icon-pencil
    • icon-pencil-square
    • icon-pencil-square-o
    • icon-phone
    • icon-phone-square
    • icon-photo (alias)
    • icon-picture-o
    • icon-pie-chart
    • icon-plane
    • icon-plug
    • icon-plus
    • icon-plus-circle
    • icon-plus-square
    • icon-plus-square-o
    • icon-power-off
    • icon-print
    • icon-puzzle-piece
    • icon-qrcode
    • icon-question
    • icon-question-circle
    • icon-quote-left
    • icon-quote-right
    • icon-random
    • icon-recycle
    • icon-refresh
    • icon-remove (alias)
    • icon-reorder (alias)
    • icon-reply
    • icon-reply-all
    • icon-retweet
    • icon-road
    • icon-rocket
    • icon-rss
    • icon-rss-square
    • icon-search
    • icon-search-minus
    • icon-search-plus
    • icon-send (alias)
    • icon-send-o (alias)
    • icon-share
    • icon-share-alt
    • icon-share-alt-square
    • icon-share-square
    • icon-share-square-o
    • icon-shield
    • icon-shopping-cart
    • icon-sign-in
    • icon-sign-out
    • icon-signal
    • icon-sitemap
    • icon-sliders
    • icon-smile-o
    • icon-soccer-ball-o (alias)
    • icon-sort
    • icon-sort-alpha-asc
    • icon-sort-alpha-desc
    • icon-sort-amount-asc
    • icon-sort-amount-desc
    • icon-sort-asc
    • icon-sort-desc
    • icon-sort-down (alias)
    • icon-sort-numeric-asc
    • icon-sort-numeric-desc
    • icon-sort-up (alias)
    • icon-space-shuttle
    • icon-spinner
    • icon-spoon
    • icon-square
    • icon-square-o
    • icon-star
    • icon-star-half
    • icon-star-half-empty (alias)
    • icon-star-half-full (alias)
    • icon-star-half-o
    • icon-star-o
    • icon-suitcase
    • icon-sun-o
    • icon-support (alias)
    • icon-tablet
    • icon-tachometer
    • icon-tag
    • icon-tags
    • icon-tasks
    • icon-taxi
    • icon-terminal
    • icon-thumb-tack
    • icon-thumbs-down
    • icon-thumbs-o-down
    • icon-thumbs-o-up
    • icon-thumbs-up
    • icon-ticket
    • icon-times
    • icon-times-circle
    • icon-times-circle-o
    • icon-tint
    • icon-toggle-down (alias)
    • icon-toggle-left (alias)
    • icon-toggle-off
    • icon-toggle-on
    • icon-toggle-right (alias)
    • icon-toggle-up (alias)
    • icon-trash
    • icon-trash-o
    • icon-tree
    • icon-trophy
    • icon-truck
    • icon-tty
    • icon-umbrella
    • icon-university
    • icon-unlock
    • icon-unlock-alt
    • icon-unsorted (alias)
    • icon-upload
    • icon-user
    • icon-users
    • icon-video-camera
    • icon-volume-down
    • icon-volume-off
    • icon-volume-up
    • icon-warning (alias)
    • icon-wheelchair
    • icon-wifi
    • icon-wrench

    File Type Icons

    • icon-file
    • icon-file-archive-o
    • icon-file-audio-o
    • icon-file-code-o
    • icon-file-excel-o
    • icon-file-image-o
    • icon-file-movie-o (alias)
    • icon-file-o
    • icon-file-pdf-o
    • icon-file-photo-o (alias)
    • icon-file-picture-o (alias)
    • icon-file-powerpoint-o
    • icon-file-sound-o (alias)
    • icon-file-text
    • icon-file-text-o
    • icon-file-video-o
    • icon-file-word-o
    • icon-file-zip-o (alias)

    Spinner Icons

    • icon-circle-o-notch
    • icon-cog
    • icon-gear (alias)
    • icon-refresh
    • icon-spinner

    Form Control Icons

    • icon-check-square
    • icon-check-square-o
    • icon-circle
    • icon-circle-o
    • icon-dot-circle-o
    • icon-minus-square
    • icon-minus-square-o
    • icon-plus-square
    • icon-plus-square-o
    • icon-square
    • icon-square-o

    Payment Icons

    • icon-cc-amex
    • icon-cc-discover
    • icon-cc-mastercard
    • icon-cc-paypal
    • icon-cc-stripe
    • icon-cc-visa
    • icon-credit-card
    • icon-google-wallet
    • icon-paypal

    Chart Icons

    • icon-area-chart
    • icon-bar-chart
    • icon-bar-chart-o (alias)
    • icon-line-chart
    • icon-pie-chart

    Currency Icons

    • icon-bitcoin (alias)
    • icon-btc
    • icon-cny (alias)
    • icon-dollar (alias)
    • icon-eur
    • icon-euro (alias)
    • icon-gbp
    • icon-ils
    • icon-inr
    • icon-jpy
    • icon-krw
    • icon-money
    • icon-rmb (alias)
    • icon-rouble (alias)
    • icon-rub
    • icon-ruble (alias)
    • icon-rupee (alias)
    • icon-shekel (alias)
    • icon-sheqel (alias)
    • icon-try
    • icon-turkish-lira (alias)
    • icon-usd
    • icon-won (alias)
    • icon-yen (alias)

    Text Editor Icons

    • icon-align-center
    • icon-align-justify
    • icon-align-left
    • icon-align-right
    • icon-bold
    • icon-chain (alias)
    • icon-chain-broken
    • icon-clipboard
    • icon-columns
    • icon-copy (alias)
    • icon-cut (alias)
    • icon-dedent (alias)
    • icon-eraser
    • icon-file
    • icon-file-o
    • icon-file-text
    • icon-file-text-o
    • icon-files-o
    • icon-floppy-o
    • icon-font
    • icon-header
    • icon-indent
    • icon-italic
    • icon-link
    • icon-list
    • icon-list-alt
    • icon-list-ol
    • icon-list-ul
    • icon-outdent
    • icon-paperclip
    • icon-paragraph
    • icon-paste (alias)
    • icon-repeat
    • icon-rotate-left (alias)
    • icon-rotate-right (alias)
    • icon-save (alias)
    • icon-scissors
    • icon-strikethrough
    • icon-subscript
    • icon-superscript
    • icon-table
    • icon-text-height
    • icon-text-width
    • icon-th
    • icon-th-large
    • icon-th-list
    • icon-underline
    • icon-undo
    • icon-unlink (alias)

    Directional Icons

    • icon-angle-double-down
    • icon-angle-double-left
    • icon-angle-double-right
    • icon-angle-double-up
    • icon-angle-down
    • icon-angle-left
    • icon-angle-right
    • icon-angle-up
    • icon-arrow-circle-down
    • icon-arrow-circle-left
    • icon-arrow-circle-o-down
    • icon-arrow-circle-o-left
    • icon-arrow-circle-o-right
    • icon-arrow-circle-o-up
    • icon-arrow-circle-right
    • icon-arrow-circle-up
    • icon-arrow-down
    • icon-arrow-left
    • icon-arrow-right
    • icon-arrow-up
    • icon-arrows
    • icon-arrows-alt
    • icon-arrows-h
    • icon-arrows-v
    • icon-caret-down
    • icon-caret-left
    • icon-caret-right
    • icon-caret-square-o-down
    • icon-caret-square-o-left
    • icon-caret-square-o-right
    • icon-caret-square-o-up
    • icon-caret-up
    • icon-chevron-circle-down
    • icon-chevron-circle-left
    • icon-chevron-circle-right
    • icon-chevron-circle-up
    • icon-chevron-down
    • icon-chevron-left
    • icon-chevron-right
    • icon-chevron-up
    • icon-hand-o-down
    • icon-hand-o-left
    • icon-hand-o-right
    • icon-hand-o-up
    • icon-long-arrow-down
    • icon-long-arrow-left
    • icon-long-arrow-right
    • icon-long-arrow-up
    • icon-toggle-down (alias)
    • icon-toggle-left (alias)
    • icon-toggle-right (alias)
    • icon-toggle-up (alias)

    Video Player Icons

    • icon-arrows-alt
    • icon-backward
    • icon-compress
    • icon-eject
    • icon-expand
    • icon-fast-backward
    • icon-fast-forward
    • icon-forward
    • icon-pause
    • icon-play
    • icon-play-circle
    • icon-play-circle-o
    • icon-step-backward
    • icon-step-forward
    • icon-stop
    • icon-youtube-play

    Brand Icons

    • icon-adn
    • icon-android
    • icon-angellist
    • icon-apple
    • icon-behance
    • icon-behance-square
    • icon-bitbucket
    • icon-bitbucket-square
    • icon-bitcoin (alias)
    • icon-btc
    • icon-cc-amex
    • icon-cc-discover
    • icon-cc-mastercard
    • icon-cc-paypal
    • icon-cc-stripe
    • icon-cc-visa
    • icon-codepen
    • icon-css3
    • icon-delicious
    • icon-deviantart
    • icon-digg
    • icon-dribbble
    • icon-dropbox
    • icon-drupal
    • icon-empire
    • icon-facebook
    • icon-facebook-square
    • icon-flickr
    • icon-foursquare
    • icon-ge (alias)
    • icon-git
    • icon-git-square
    • icon-github
    • icon-github-alt
    • icon-github-square
    • icon-gittip
    • icon-google
    • icon-google-plus
    • icon-google-plus-square
    • icon-google-wallet
    • icon-hacker-news
    • icon-html5
    • icon-instagram
    • icon-ioxhost
    • icon-joomla
    • icon-jsfiddle
    • icon-lastfm
    • icon-lastfm-square
    • icon-linkedin
    • icon-linkedin-square
    • icon-linux
    • icon-maxcdn
    • icon-meanpath
    • icon-openid
    • icon-pagelines
    • icon-paypal
    • icon-pied-piper
    • icon-pied-piper-alt
    • icon-pinterest
    • icon-pinterest-square
    • icon-qq
    • icon-ra (alias)
    • icon-rebel
    • icon-reddit
    • icon-reddit-square
    • icon-renren
    • icon-share-alt
    • icon-share-alt-square
    • icon-skype
    • icon-slack
    • icon-slideshare
    • icon-soundcloud
    • icon-spotify
    • icon-stack-exchange
    • icon-stack-overflow
    • icon-stea
    • icon-steam-square
    • icon-stumbleupon
    • icon-stumbleupon-circle
    • icon-tencent-weibo
    • icon-trello
    • icon-tumblr
    • icon-tumblr-square
    • icon-twitch
    • icon-twitter
    • icon-twitter-square
    • icon-vimeo-square
    • icon-vine
    • icon-vk
    • icon-wechat (alias)
    • icon-weibo
    • icon-weixin
    • icon-windows
    • icon-wordpress
    • icon-xing
    • icon-xing-square
    • icon-yahoo
    • icon-yelp
    • icon-youtube
    • icon-youtube-play
    • icon-youtube-square

    Medical Icons

    • icon-ambulance
    • icon-h-square
    • icon-hospital-o
    • icon-medkit
    • icon-plus-square
    • icon-stethoscope
    • icon-user-md
    • icon-wheelchair

    Icon font classes

    Icons can be added in menus, lists, buttons, modules, and basically, in any content. These icons are made available by Font Awesome. These icons use icon fonts which ensures they look sharp even on retina displays.

    markup
    [icon style="icon-gear"/]

    Adding icons to Menu items

    To add an icon to a menu item, create/edit a menu item > on the menu edit screen, click on 'Link type options' tab > on the 'link CSS style' option, add the icon name e.g icon-group

    Adding icons to Modules

    To add an icon to a module, create/edit a module > on the module edit screen, click on 'Advanced options' tab > on the 'Module Class Suffix' option, add the icon name e.g icon-comments

    Adding icons to lists

    To add an icon to a list, use the list shortcode and apply the 'list-icons' style > then specify the icon name in the list items. You can see more examples here

    markup
    [list style="list-icons"]
       [li icon="icon-asterisk"]List Item 1[/li]
       [li icon="icon-asterisk"]List Item 2[/li]
       [li icon="icon-asterisk"]List Item 3[/li]
    [/list]

    Read more

  • Admin Panel

    This theme is built on Warp Framework to give you the best experience in building your site. Warp framework is a light weight framework, created by YOOtheme, which is built on a grid system and modular structure.


    admin options admin options admin options admin options

    Read more

  • Unlimited Colors

    This theme comes packed with 5 color presets. The template settings also allows you to create an unlimited color profiles using the color pickers and pre-defined background settings. Check out the admin panel to see available options in the template backend.


    tangerine
    red
    green
    blue
    lavender
    create your own

    Read more

  • Terms of Service

    Mauris at lectus ut purus facilisis volutpat. Aliquam nec turpis in nunc venenatis aliquam at ut enim. Etiam sed odio vitae dolor feugiat cursus pulvinar quis nisi. Sed consectetur eleifend tempus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus vitae dolor feugiat cursus pulvinar quis nisi. Sed consectetur eleifend tempus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna, id faucibus lectus erat ut pede.

    Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales, lectus sed vulputate rutrum, ipsum nulla lacinia magna, sed imperdiet ligula nisi eu ipsum. Donec nunc magna, posuere eget, aliquam in, vulputate in, lacus. Sed venenatis. Donec nec dolor vitae mauris dapibus ullamcorper. Etiam iaculis mollis tortor. lacinia magna orem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna, id faucibus lectus erat ut pede.

    Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales, lectus sed vulputate rutrum, ipsum nulla lacinia magna, sed imperdiet ligula nisi eu ipsum. Donec nunc magna, posuere eget, aliquam in, vulputate in, lacus. Sed venenatis. Donec nec dolor vitae mauris dapibus ullamcorper. Etiam iaculis mollis tortor. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Read more

  • Pricing Tables

    Two Column Pricing

    Standard Plan
    • $7/mo
    • 24/5 Support
    • 3 months Renewal
    • 1 User Licence
    • No Contracts
    • 1 Domain
    Sign Up

    Professional Plan
    • $10/mo
    • 24/7 Support
    • 7 months Renewal
    • 5 User Licences
    • No Contracts
    • 5 Domain
    Sign Up


    • show code

      [pricing columns="two"] [price-col table-config="first" table-caption="Standard Plan" action-url="#" action-caption="Sign Up"] [price-tag]$7[sub]/mo[/sub][/price-tag] [li]24/5 Support[/li] [li]3 months Renewal[/li] [li]1 User Licence[/li] [li]No Contracts[/li] [li]1 Domain[/li] [/price-col] [price-col table-config="last" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$20[sub]/mo[/sub][/price-tag] [li]24/7 Support[/li] [li]7 months Renewal[/li] [li]5 User Licences[/li] [li]No Contracts[/li] [li]5 Domain[/li] [/price-col] [/pricing]


    Three Column Pricing

    Standard Plan
    • $7/mo
    • 24/5 Support
    • 3 months Renewal
    • 1 User Licence
    • No Contracts
    • 1 Domain
    Sign Up

    Professional Plan
    • $15/mo
    • 24/6 Support
    • 5 months Renewal
    • 3 User Licences
    • No Contracts
    • 3 Domain
    Sign Up

    Developer Plan
    • $20/mo
    • 24/7 Support
    • 7 months Renewal
    • 5 User Licences
    • No Contracts
    • 5 Domain
    Sign Up


    • show code

      [pricing columns="three"] [price-col table-config="first" table-caption="Standard Plan" action-url="#" action-caption="Sign Up"] [price-tag]$7[sub]/mo[/sub][/price-tag] [li]24/5 Support[/li] [li]3 months Renewal[/li] [li]1 User Licence[/li] [li]No Contracts[/li] [li]1 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="last" table-caption="Developer Plan" action-url="#" action-caption="Sign Up"] [price-tag]$20[sub]/mo[/sub][/price-tag] [li]24/7 Support[/li] [li]7 months Renewal[/li] [li]5 User Licences[/li] [li]No Contracts[/li] [li]5 Domain[/li] [/price-col] [/pricing]


    Four Column Pricing

    Standard Plan
    • $7/mo
    • 24/5 Support
    • 3 months Renewal
    • 1 User Licence
    • No Contracts
    • 1 Domain
    Sign Up

    Professional Plan
    • $15/mo
    • 24/6 Support
    • 5 months Renewal
    • 3 User Licences
    • No Contracts
    • 3 Domain
    Sign Up

    Enterprise Plan
    • $20/mo
    • 24/6 Support
    • 7 months Renewal
    • 3 User Licences
    • No Contracts
    • 3 Domain
    Sign Up

    Developer Plan
    • $25/mo
    • 24/7 Support
    • 10 months Renewal
    • 10 User Licences
    • No Contracts
    • 5 Domain
    Sign Up


    • show code

      [pricing columns="four"] [price-col table-config="first" table-caption="Standard Plan" action-url="#" action-caption="Sign Up"] [price-tag]$7[sub]/mo[/sub][/price-tag] [li]24/5 Support[/li] [li]3 months Renewal[/li] [li]1 User Licence[/li] [li]No Contracts[/li] [li]1 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="last" table-caption="Developer Plan" action-url="#" action-caption="Sign Up"] [price-tag]$20[sub]/mo[/sub][/price-tag] [li]24/7 Support[/li] [li]7 months Renewal[/li] [li]5 User Licences[/li] [li]No Contracts[/li] [li]5 Domain[/li] [/price-col] [/pricing]


    Five Column Pricing

    Standard Plan
    • $7/mo
    • 24/5 Support
    • 3 months Renewal
    • 1 User Licence
    • No Contracts
    • 1 Domain
    Sign Up

    Professional Plan
    • $15/mo
    • 24/6 Support
    • 5 months Renewal
    • 3 User Licences
    • No Contracts
    • 3 Domain
    Sign Up

    Enterprise Plan
    • $20/mo
    • 24/6 Support
    • 7 months Renewal
    • 3 User Licences
    • No Contracts
    • 5 Domain
    Sign Up

    Lifetime Plan
    • $30/mo
    • 24/6 Support
    • 8 months Renewal
    • 5 User Licences
    • No Contracts
    • 7 Domain
    Sign Up

    Developer Plan
    • $35/mo
    • 24/7 Support
    • 10 months Renewal
    • 10 User Licences
    • No Contracts
    • 10 Domain
    Sign Up


    • show code

      [pricing columns="five"] [price-col table-config="first" table-caption="Standard Plan" action-url="#" action-caption="Sign Up"] [price-tag]$7[sub]/mo[/sub][/price-tag] [li]24/5 Support[/li] [li]3 months Renewal[/li] [li]1 User Licence[/li] [li]No Contracts[/li] [li]1 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="last" table-caption="Developer Plan" action-url="#" action-caption="Sign Up"] [price-tag]$20[sub]/mo[/sub][/price-tag] [li]24/7 Support[/li] [li]7 months Renewal[/li] [li]5 User Licences[/li] [li]No Contracts[/li] [li]5 Domain[/li] [/price-col] [/pricing]

    Six Column Pricing

    Standard
    • $7/mo
    • 24/5 Support
    • 3 months Renewal
    • 1 User Licence
    • No Contracts
    • 1 Domain
    Sign Up

    Professional
    • $15/mo
    • 24/6 Support
    • 5 months Renewal
    • 3 User Licences
    • No Contracts
    • 3 Domain
    Sign Up

    Enterprise
    • $20/mo
    • 24/6 Support
    • 7 months Renewal
    • 3 User Licences
    • No Contracts
    • 5 Domain
    Sign Up

    Lifetime
    • $30/mo
    • 24/6 Support
    • 8 months Renewal
    • 5 User Licences
    • No Contracts
    • 7 Domain
    Sign Up

    Mega Plan
    • $35/mo
    • 24/6 Support
    • 8 months Renewal
    • 7 User Licences
    • No Contracts
    • 9 Domain
    Sign Up

    Developer
    • $55/mo
    • 24/7 Support
    • 10 months Renewal
    • 10 User Licences
    • No Contracts
    • 10 Domain
    Sign Up

    • show code

      [pricing columns="six"] [price-col table-config="first" table-caption="Standard Plan" action-url="#" action-caption="Sign Up"] [price-tag]$7[sub]/mo[/sub][/price-tag] [li]24/5 Support[/li] [li]3 months Renewal[/li] [li]1 User Licence[/li] [li]No Contracts[/li] [li]1 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="" table-caption="Professional Plan" action-url="#" action-caption="Sign Up"] [price-tag]$15[sub]/mo[/sub][/price-tag] [li]24/6 Support[/li] [li]5 months Renewal[/li] [li]3 User Licences[/li] [li]No Contracts[/li] [li]3 Domain[/li] [/price-col] [price-col table-config="last" table-caption="Developer Plan" action-url="#" action-caption="Sign Up"] [price-tag]$20[sub]/mo[/sub][/price-tag] [li]24/7 Support[/li] [li]7 months Renewal[/li] [li]5 User Licences[/li] [li]No Contracts[/li] [li]5 Domain[/li] [/price-col] [/pricing]

    Read more

The Widgetkit Lightbox allows you to view images, HTML and multi-media content on a dark dimmed overlay without having to leave the current page.

Features at a glance

  • Display images, videos, HTML, Iframes, Ajax requests and SWF
  • Supports YouTube, Vimeo, MP4 (h.264), WebM and FLV movies
  • Group lightboxes and mix different content types
  • Responsive design to fit images great on mobile devices
  • Load other widgets in lightbox
  • 3 different opening and closing transitions
  • 4 different caption styles
  • Keyboard and mouse scroll wheel navigation
  • Build on the latest jQuery version
  • Works with Joomla and WordPress

Examples

Different animations - fade, elastic and none

fade

fade

fade

markup

<a data-lightbox="transitionIn:fade; transitionOut:fade;" href="/images/demo/sample_big.jpg"><img src="/images/demo/sample.jpg" alt="fade" width="250" height="165" /></a>

Different title positions- float and over

fade

fade

markup

<a data-lightbox="transitionIn:elastic; transitionOut:elastic; titlePosition:float;" href="/images/demo/sample_big.jpg" title="Lorem Ipsum is simply dummy text of the printing and typesetting industry"><img src="/images/demo/sample.jpg" alt="fade" width="250" height="165" /></a>

You can use it in a gallery

fade

fade

fade

markup

<a data-lightbox="transitionIn:elastic; transitionOut:elastic; titlePosition:float; group:gallery1" href="/images/demo/sample_big.jpg" title="Lorem Ipsum is simply dummy text of the printing and typesetting industry"><img src="/images/demo/sample.jpg" alt="fade" width="250" height="165" /></a>

Various examples in one gallery (try also using the keyboard and mouse scroll wheel)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Load Widgets In A Lightbox

Use #wk-ID to load widgets like slideshows or galleries in a lightbox. For example: Widgetkit Slideshow

<a data-lightbox="width:945;height:637;" href="#wk-2">Lightbox</a>

How to use

Use the HTML5 custom data attribute data-lightbox to activate the lightbox. You can set various lightbox parameters to the data attribute. For example:

<a data-lightbox="width:1000;height:600;" href="http://www.wikipedia.org">Lightbox</a>

Here is a list of the most common parameters:

  • titlePosition - How should the title show up? (float, outside, inside or over)
  • transitionIn - Set a opening transition. (fade, elastic, or none)
  • transitionOut - Set a closing transition (fade, elastic, or none)
  • overlayShow - Set to true or false
  • scrolling - Set to yes or no
  • width - Set a width in pixel
  • height - Set a height in pixel
  • padding - Set a padding in pixel

Reveal Lightbox

Use the [modal_box] shortcode to show a popup box with overlay. The [modal_box] shortcode can also be linked with these module positions: reveal-a, reveal-b and reveal-c. By using one of these positions as your target, the modal box will show a popup of the modules that have be placed in these positions and assigned to the corresponding menu.

targetDescription
reveal-ashow modal box for modules in reveal-a position
reveal-bshow modal box for modules in reveal-b position
reveal-cshow modal box for modules in reveal-c position

For each module linked to reveal-a, reveal-b or reveal-c, you can use Module Class Suffix to style it just like a normal module. The target parameter can also be the id of a content section.

Size modifier

To adjust the size (width) of the modal box, add modal-small or modal-large to the Module Class Suffix of the module.

Trigger a modal box from link


reveal-a   reveal-b   reveal-c
markup

[modal_box link target="reveal-a"]reveal-a[/modal_box] 
[modal_box link target="reveal-b"]reveal-b[/modal_box] 
[modal_box link target="reveal-c"]reveal-c[/modal_box]

Toggle modal box from buttons


reveal-a   reveal-b   reveal-c

markup

[modal_box button style="color" target="reveal-a"]reveal-a[/modal_box]
[modal_box button style="color" target="reveal-b"]reveal-b[/modal_box]
[modal_box button style="color" target="reveal-c"]reveal-c[/modal_box]


Toggle modal box for inline content

The [modal_box] shortcode can also be used for inline content by using the following sytnax:

markup

<!-- create a link that will trigger the pop-up modal box -->
[modal_box link target="mycontent"]my link[/modal_box] 

<!-- create the content of the modal box -->
[modal_box content target="mycontent" style="mod-color"]
...
[/modal_box]


Popup content

Inline content

Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too. Be kind whenever possible. It is always possible.


Метки: Widgetkit, slideshow, spotlight, lightbox

Печать E-mail