Welcome To Jomi! template for multi purpose Use

Jomi is Modern, fast Responsive Multi purpose theme with a clean layout and elegant look, that is in your hands! Jomi is based on Warp 6 and UIKit, which gives the theme an immeasurable weight of flexibility and agility, fast loading ? using built in compression of files, data URIs and gzip.Jomi is also equipped with Font Awesome, Widgetkit Lite and Roksprocket.

Buy This Theme Meet Features

LATEST NEWS

You can use it as a skill or statistic bars, just label your bars and choose the colors you like! Progress bars For loading, redirecting, or action status.

Where do you usually browse ?

iPad/iPhone20%

Android40%

Windows PC60%

Mac80%

How to use

<div class="uk-progress uk-progress-mini uk-progress-danger"</div>
<div class="uk-progress-bar" style="width: 20%"</div>

<button class="uk-button uk-button-primary uk-button-large">Button</button>

Font Awesome gives you scalable vector icons that can instantly be customized ? size, color, drop shadow, and anything that can be done with the power of CSS.

Stacked Icons

icon-twitter on icon-check-empty
icon-flag on icon-circle
icon-terminal on icon-sign-blank
icon-camera on icon-ban-circle

Some Examples

adjust
anchor
archive
asterisk
ban-circle
bar-chart
barcode
beaker
beer
bell
bell-alt
bolt
book
bookmark
bookmark-empty
briefcase
bug
building
bullhorn
bullseye
calendar
calendar-empty
camera
camera-retro
certificate
check
check-empty
check-minus
check-sign
circle
circle-blank
cloud
cloud-download
cloud-upload
code
code-fork
coffee
cog
cogs
collapse
collapse-alt
collapse-top
comment
comment-alt
comments
comments-alt
compass
credit-card
crop
dashboard
desktop
download
download-alt
edit
edit-sign
ellipsis-horizontal
ellipsis-vertical
envelope
envelope-alt
eraser
exchange
exclamation
exclamation-sign
expand
expand-alt
external-link
external-link-sign
eye-close
eye-open
facetime-video
female
fighter-jet
film
filter
fire
fire-extinguisher
flag
flag-alt
flag-checkered
folder-close
folder-close-alt
folder-open
folder-open-alt
food
frown
gamepad
gear (alias)
gears (alias)
gift
glass
globe
group
hdd
headphones
heart
heart-empty
home
inbox
info
info-sign
key
keyboard
laptop
leaf
legal
lemon
level-down
level-up
lightbulb
location-arrow
lock
magic
magnet
mail-forward (alias)
mail-reply (alias)
mail-reply-all
male
map-marker
meh
microphone
microphone-off
minus
minus-sign
minus-sign-alt
mobile-phone
money
moon
move
music
off
ok
ok-circle
ok-sign
pencil
phone
phone-sign
picture
plane
plus
plus-sign
plus-sign-alt
power-off (alias)
print
pushpin
puzzle-piece
qrcode
question
question-sign
quote-left
quote-right
random
refresh
remove
remove-circle
remove-sign
reorder
reply
reply-all
resize-horizontal
resize-vertical
retweet
road
rocket
rss
rss-sign
screenshot
search
share
share-alt
share-sign
shield
shopping-cart
sign-blank
signal
signin
signout
sitemap
smile
sort
sort-by-alphabet
sort-by-alphabet-alt
sort-by-attributes
sort-by-attributes-alt
sort-by-order
sort-by-order-alt
sort-down
sort-up
spinner
star
star-empty
star-half
star-half-empty
star-half-full (alias)
subscript
suitcase
sun
superscript
tablet
tag
tags
tasks
terminal
thumbs-down
thumbs-down-alt
thumbs-up
thumbs-up-alt
ticket
time
tint
trash
trophy
truck
umbrella
unchecked (alias)
unlock
unlock-alt
upload
upload-alt
user
volume-down
volume-off
volume-up
warning-sign
wrench
zoom-in
zoom-out

How to use

<i class="icon-search"></i>
<i class="uk-icon-search"></i>

you can find the full examples of usage at Font Awesome and Uikit

The Widgetkit Spotlight allows you to add an overlay to your images, which fades or moves in on mouse hover. The overlay can be an image or HTML content. The default magnifier spotlight is a perfect match for the Widgetkit lightbox.

Features

Create nicely animated image overlays
Supports custom image or HTML content overlays
5 different animation modes
Responsive design to fit all device resolutions
Built with the latest jQuery version
Works with Joomla and WordPress

Examples

If no custom overlay is set, the default spotlight fades in an overlay with a magnifier image. If you define a custom overlay, you can choose between different animations - fade, bottom, top, right and left.

Custom Overlay (Bottom)

Custom Overlay (Right)

Custom Overlay (Top)

Custom Overlay (Left)

How To Use

Use the HTML5 custom data attribute data-spotlight to activate the spotlight.

<a data-spotlight="on" href="/mypage.html">
  <img src="/image.jpg" width="180" height="120" alt="" />
</a>

To create a custom overlay, use a div element with the CSS class overlay. You can set the effect parameter to the data attribute. For example:

<a data-spotlight="effect:bottom;" href="/mypage.html">
  <img src="/image.jpg" width="180" height="120" alt="" />
  <div class="overlay">Custom Overlay</div>
</a>

You can set the effect parameter to fade, bottom, top, right and left. Read More

Pricing Table

Free

0$

/ MONTH

10 users
Lmited access
3TB of space
E-mail support

Select plan

Standard

9.99$

/ MONTH

5TB of space
10 users
E-mail support
Unlimited access

Select plan

Premium

24.99$

/ MONTH

20 users
Unlimited access with no limits
5TB of space
E-mail support

Select plan

Create a smooth off-canvas sidebar that slides in and out of the page.

Modal Dialogs:

Click Me

Off-canvas Sidebars:

Click Me

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.

Example

To indicate success or a positive message add the .uk-alert-success class.

To indicate a message containing a warning add the .uk-alert-warning class.

To indicate an important message add the .uk-alert-danger class.

Markup

<div class="uk-alert uk-alert-success"> ... </div>
<div class="uk-alert uk-alert-warning">...</div>
<div class="uk-alert uk-alert-danger">...</div>

Text styles

UIkit offers various text utlities to style your text.

Class	Description
`.uk-text-small`	Add this class to decrease the font size.
`.uk-text-large`	Add this class to increase the font size.
`.uk-text-bold`	Add this class to create bold text.
`.uk-text-muted`	Add this class to mute your text.
`.uk-text-info`	Add this class for additional text information.
`.uk-text-success`	Add this class to indicate success.
`.uk-text-warning`	Add this class to indicate a warning.
`.uk-text-danger`	Add this class to indicate danger.

Success Warning Danger

1 10 1 10 1 10

How to use

<div class="uk-badge uk-badge-success">...</div>
<div class="uk-badge uk-badge-warning">...</div>
<div class="uk-badge uk-badge-danger">...</div>