Phone (207)441-8376

  •  
  • </p

  •  

     

  • 21 Day Fix

    Easy-to-follow portion control and 30-minute workouts take the guesswork out of losing weight! No more counting, weighing, or measuring - just fast results!

    Learn More

  • Sculpt Your Ultimate Physique

    Seasoned trainers Sagi Kalev and Autumn Calabrese have spent decades studying fitness and nutrition with one goal: develop the best method of transforming the human body into an absolute masterpiece.

    Learn More

  • Joomla Quickstart Package

    Quickstart Package allow you install in few clicks Joomla template, Joomla extensions and Demo data, in final you get full Joomla website exactly the same like on demo.

    Learn More

  • Full width Layout

    This is Slideshow. Simply select the style in the slideshow settings and choose your background image. In the quickstart package, we've included six sample background images. These are located in images/slideshow.

    Learn More

AWESOME FEATURESconsectetur purus sit amet fermentum. Etiam porta sem malesuada magna mollis.

  • FULLY RESPONSIVE

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae elit arcu, quis suscipit ipsum.

  • HTML5 AND CSS3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae elit arcu, quis suscipit ipsum.

  • EASY TO CUSTOMIZE

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae elit arcu, quis suscipit ipsum.

  • SCROLLSPY

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae elit arcu, quis suscipit ipsum.

Free content module RokSprocket.

Mosaic is a custom template layout, powered by RokSprocket. It displays an interactive arrangement of content blocks in a dynamically created grid structure. Mosaic is the perfect structure for any magazine-type site.

The module RokSprocket has multiple layout modes to display your content:

Features ( Slideshow), Tabs, Lists, Mosaic & Headlines.

Extension Download, Forum Support and Readme, click here

Thank you Rockettheme for this amazing Joomla module

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

  • 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 all device resolutions
  • Load other widgets in a lightbox
  • 3 different opening and closing transitions
  • 4 different caption styles
  • Keyboard and mouse scroll wheel navigation
  • Built on the latest jQuery version
  • Works with Joomla and WordPress

Examples

Different animations - fade, elastic and none

Different title positions - float, inside and over

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:600;height:300;" href="#wk-10">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

Jomi Joomla theme utilizes the latest features of the fast and slick Warp theme framework built by Yootheme.

Theme Features:

  • Fast and Lightweight
  • Multi-Purpose
  • Responsive Design
  • Update Notifications
  • HTML5/CSS3 Technology
  • RTL Support
  • SEO friendly
  • CSS Framework
  • Nice Admin UI
  • Easy Customize
  • Modern Design
  • And much, much more

Theme Layout

This theme comes with the default Warp6 module layout. The blue module positions allow to choose a module layout which defines the module alignment and proportions: equal, double or stack. You can easily add your own module layouts. The two available sidebars, highlighted in red, can be switched to the left or right side and their widths can easily be set in the theme administration. For modules in the blue and red positions you can choose different module styles. Take a look at the module variations page to get an overview.

Colum Layouts

Theme Styles

We provide different style variations of the default theme. In addition to these styles we added several other style settings like colors and fonts. Combining the different style options allows you to create your own unique theme design.

The Widgetkit Media Player is a HTML5 audio and video player completely built with HTML and CSS. You can easily embed video files into your website by using the HTML5 video element. A Flash player fallback is included for all unsupported browsers.

Examples

This is a MP3 Audio Sample:

Features

  • Native playback for modern HTML5 browsers
  • Supports MP4 (h.264), WebM, FLV, WMV and MP3 files
  • Completely built with HTML and CSS
  • Responsive design to fit all device resolutions
  • Same UI in all browsers
  • Create your own skins
  • Flash player fallback for unsupported browsers
  • Works with Joomla and WordPress

How To Use

Use the HTML5 video element to embed video in your website. For example:

<video src="/video.mp4" width="320" height="240"></video>

You can also provide multiple sources, to add support for the different video formats like h.264, WebM or Ogg:

<video width="320" height="240">
	<source type="video/mp4"  src="/video.mp4" />
	<source type="video/webm" src="/video.webm" />
	<source type="video/ogg"  src="/video.ogv" />
</video>

Use the HTML5 audio element to embed MP3 files in your website. For example:

<audio src="/audio.mp3" type="audio/mp3"></audio>

Examples

Fade

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale up

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale down

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide top

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide bottom

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide right

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide left

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

LATEST NEWS

  • Statistic Bars
  • Buttons
  • Font-Awesome
  • Gallery
  • Pricing Tables
  • Off-canvas
  • Alert
  • Scrollspy

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>
      

Read More

Easily create nicely looking buttons, which come in different styles.

Link

Link

Link

Link

Button group

Link

Icon buttons

  • How to use
      <button class="uk-button uk-button-primary uk-button-large">Button</button>
      

Read More

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

Read More

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.

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

Read More

Off-canvas

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.

Read More

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>

Read More

Examples

Fade

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale up

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale down

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide top

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide bottom

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide right

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide left

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Read More

OUR LATEST PROJECT Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque fauci.

  • All
  • Music
  • People
  • Technology
  • Woman
  • Default
  • Title
  • Date
  • Random
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
    Read More
    • Music
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
    Read More
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
    Read More
    • Technology
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
    Read More
    • Woman
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
    Read More
    • Woman
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
    Read More
    • People
load more hold SHIFT key to load all load all
Twitter response: "Bad Authentication data."

CUSTOMERS What our customers say about us

  • Isabella Minogue
      Manager

                                       "We love our new website. It wouldn't be possible without Jomi"

  • Michael Smith
     Developer
     
    "So many style options. Jomi is the best solution for your Joomla site!"

  • Elaena
     Customer
     
    "Fresh & Modern. Jomi is just what we were looking for!"

OUR NEWSLETTER

Subscribe with our newsletters and receive news about our products, promotions and discounts.

CONTACT US

135 King Rd,
U.K 18-853.

Mobile: +48 234 567 890
Tel.: +48 234 567 890
Fax: +48 234 567 890
biuro[at]web-komp.eu

QUICK CONTACT